/* GENERATED FILE - DO NOT EDIT BY HAND.
 *
 * Source of truth: scripts/research/brand.py
 * Regenerate:  python3 scripts/research/brand.py --emit-css > src/rippleffekt-marketing/css/research-tokens.css
 * Verify:      python3 scripts/research/brand.py --check-css
 *
 * Every categorical value below was validated with the data-viz validator in
 * both light and dark modes. The ORDER is the colourblind-safety mechanism.
 */
:root {
  --rr-surface:        #FFFFFF;
  --rr-page:           #F4F7F9;
  --rr-section:        #EEF3F8;
  --rr-ink:            #111827;
  --rr-ink-secondary:  #4B5563;
  --rr-ink-muted:      #6B7280;
  --rr-grid:           #E5E7EB;
  --rr-cat-1:         #2352DC;   /* blue */
  --rr-cat-2:         #0B9E6E;   /* green */
  --rr-cat-3:         #A97E22;   /* gold */
  --rr-cat-4:         #0A94BB;   /* cyan */
  --rr-seq-1:         #DDE8FE;
  --rr-seq-2:         #BBD1FF;
  --rr-seq-3:         #95B6FE;
  --rr-seq-4:         #6A96FE;
  --rr-seq-5:         #507ADF;
  --rr-seq-6:         #375EC0;
  --rr-seq-7:         #2043A3;
  --rr-status-good:    #10B981;
  --rr-status-warning: #b3882f;
  --rr-status-critical: #E32626;
  --rr-diverging-mid:  #E9E9E6;
}

/* Dark mode is SELECTED, not an automatic flip: its own validated steps. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --rr-surface:       #0f1f3d;
    --rr-page:          #0f1f3d;
    --rr-section:       #0b1830;
    --rr-ink:           #E8F0FF;
    --rr-ink-secondary: #9DB2D4;
    --rr-ink-muted:     #9DB2D4;
    --rr-grid:          #24375C;
    --rr-cat-1:        #5B8BFE;   /* blue */
    --rr-cat-2:        #04AD78;   /* green */
    --rr-cat-3:        #B58A32;   /* gold */
    --rr-cat-4:        #08A1CC;   /* cyan */
  }
}

:root[data-theme="dark"] {
  --rr-surface:       #0f1f3d;
  --rr-page:          #0f1f3d;
  --rr-section:       #0b1830;
  --rr-ink:           #E8F0FF;
  --rr-ink-secondary: #9DB2D4;
  --rr-ink-muted:     #9DB2D4;
  --rr-grid:          #24375C;
  --rr-cat-1:        #5B8BFE;   /* blue */
  --rr-cat-2:        #04AD78;   /* green */
  --rr-cat-3:        #B58A32;   /* gold */
  --rr-cat-4:        #08A1CC;   /* cyan */
}