/*
 * GENERATED FILE — DO NOT EDIT BY HAND.
 *
 * Edit brand/relay-design-tokens.json and run scripts/build_tokens.py.
 * Hand edits here are overwritten on the next generate and will fail CI
 * (scripts/check_tokens.py).
 *
 * Relay Design System v3.6 — creative estate (--rly-*)
 */


:root {
  --rly-accent-fill:   #0f766e;
  --rly-accent-text:   #0f766e;
  --rly-accent-tint:   #ccfbf1;
  --rly-accent-ui:     #0d9488;
  --rly-bg:            #ffffff;
  --rly-border:        #e2e2e2;
  --rly-border-hi:     #cfcfcf;
  --rly-border-input:  #6e6e6e;
  --rly-chart-1:       #0d9488;
  --rly-chart-2:       #585fee;
  --rly-chart-seq-1:   #14b8a6;
  --rly-chart-seq-2:   #0d9488;
  --rly-chart-seq-3:   #0f766e;
  --rly-chart-seq-4:   #134e4a;
  --rly-deep:          #e4e4e4;
  --rly-error:         #dc2626;
  --rly-font:          'Outfit', system-ui, sans-serif;
  --rly-font-display:  'Cormorant Garamond', Georgia, serif;
  --rly-font-mark:     'Outfit', system-ui, sans-serif;
  --rly-font-mono:     'JetBrains Mono', monospace;
  --rly-indigo:        #585fee;
  --rly-indigo-dim:    #ede9fe;
  --rly-on-accent:     #ffffff;
  --rly-panel:         #efefef;
  --rly-pulse:         #00D9C8;
  --rly-radius:        6px;
  --rly-radius-card:   8px;
  --rly-radius-full:   9999px;
  --rly-radius-sm:     4px;
  --rly-rail-w:        56px;
  --rly-sidebar-w:     224px;
  --rly-success:       #15803d;
  --rly-surface:       #f7f7f7;
  --rly-teal:          #0d9488;
  --rly-teal-dim:      #ccfbf1;
  --rly-text:          #111111;
  --rly-text-2:        #444444;
  --rly-text-bright:   #111111;
  --rly-text-faint:    #9a9a9a;
  --rly-text-muted:    #616161;
  --rly-warning:       #b45309;
}

[data-theme="dark"] {
  --rly-accent-fill:   #2dd4bf;
  --rly-accent-text:   #2dd4bf;
  --rly-accent-tint:   rgba(45,212,191,0.12);
  --rly-accent-ui:     #2dd4bf;
  --rly-bg:            #0d0d0d;
  --rly-border:        #2a2a2a;
  --rly-border-hi:     #3a3a3a;
  --rly-border-input:  #707070;
  --rly-chart-1:       #0d9488;
  --rly-chart-2:       #585fee;
  --rly-chart-seq-1:   #0f766e;
  --rly-chart-seq-2:   #0d9488;
  --rly-chart-seq-3:   #14b8a6;
  --rly-chart-seq-4:   #5eead4;
  --rly-deep:          #2a2a2a;
  --rly-error:         #f87171;
  --rly-indigo:        #818cf8;
  --rly-indigo-dim:    rgba(129,140,248,0.12);
  --rly-on-accent:     #0d1514;
  --rly-panel:         #222222;
  --rly-pulse:         #00D9C8;
  --rly-success:       #4ade80;
  --rly-surface:       #181818;
  --rly-teal:          #2dd4bf;
  --rly-teal-dim:      rgba(45,212,191,0.12);
  --rly-text:          #e0e0e0;
  --rly-text-2:        #a3a3a3;
  --rly-text-bright:   #f0f0f0;
  --rly-text-faint:    #606060;
  --rly-text-muted:    #8f8f8f;
  --rly-warning:       #fbbf24;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --rly-accent-fill:   #2dd4bf;
    --rly-accent-text:   #2dd4bf;
    --rly-accent-tint:   rgba(45,212,191,0.12);
    --rly-accent-ui:     #2dd4bf;
    --rly-bg:            #0d0d0d;
    --rly-border:        #2a2a2a;
    --rly-border-hi:     #3a3a3a;
    --rly-border-input:  #707070;
    --rly-chart-1:       #0d9488;
    --rly-chart-2:       #585fee;
    --rly-chart-seq-1:   #0f766e;
    --rly-chart-seq-2:   #0d9488;
    --rly-chart-seq-3:   #14b8a6;
    --rly-chart-seq-4:   #5eead4;
    --rly-deep:          #2a2a2a;
    --rly-error:         #f87171;
    --rly-indigo:        #818cf8;
    --rly-indigo-dim:    rgba(129,140,248,0.12);
    --rly-on-accent:     #0d1514;
    --rly-panel:         #222222;
    --rly-pulse:         #00D9C8;
    --rly-success:       #4ade80;
    --rly-surface:       #181818;
    --rly-teal:          #2dd4bf;
    --rly-teal-dim:      rgba(45,212,191,0.12);
    --rly-text:          #e0e0e0;
    --rly-text-2:        #a3a3a3;
    --rly-text-bright:   #f0f0f0;
    --rly-text-faint:    #606060;
    --rly-text-muted:    #8f8f8f;
    --rly-warning:       #fbbf24;
  }
}