/* ============================================================
   DECK — Railyard's design system.
   Light, airy, one confident blue. Change tokens here, not in views.
   ============================================================ */
:root {
  --canvas:       #F7F8FA;
  --surface:      #FFFFFF;
  --surface-2:    #F3F5F8;
  --line:         #E7E9EF;
  --line-strong:  #D3D8E2;
  --ink:          #171A21;
  --ink-2:        #565E6E;
  --ink-3:        #878F9E;
  --accent:       #2F6FEB;
  --accent-hover: #245CD0;
  --accent-wash:  #EAF1FE;
  --ok:   #0E8C5A;  --ok-wash:   #E4F5EC;
  --warn: #B27509;  --warn-wash: #FBF1DD;
  --down: #CF463C;  --down-wash: #FCEAE8;
  --live: #2F6FEB;  --live-wash: #EAF1FE;
  --danger: #CF463C;  /* alias — legacy views reference var(--danger) */
  --radius:      12px;
  --radius-sm:   8px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(23,26,33,.04), 0 2px 8px rgba(23,26,33,.05);
  --shadow-pop:  0 14px 40px -12px rgba(23,26,33,.22);
  --rail-w:   232px;
  --shell-max: 1180px;
  --surface-inverse: #171A21;
  --on-accent: #fff;
  --link-private: #8b5cf6;
  --link-public:  #f59e0b;
  --l-bg: #0b0f17; --l-bar: #111723; --l-line: #1c2433; --l-ink: #d6dde8; --l-dim: #6b778a; --l-mute: #465062;
  --l-err: #ff7b82; --l-err-bg: rgba(255,90,100,.09); --l-warn: #f0c060; --l-warn-bg: rgba(240,190,80,.06);
  --l-acc: #7aa7ff; --l-ok: #4ccf8a; --l-hit: rgba(122,167,255,.14);
  --ansi-k: #8b95a7; --ansi-r: #ff7b82; --ansi-g: #5fd49a; --ansi-y: #f0c060;
  --ansi-b: #7aa7ff; --ansi-m: #d49cff; --ansi-c: #6fd6e8; --ansi-w: #ffffff;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --canvas:       #0B0D11;
    --surface:      #14171C;
    --surface-2:    #1B1F26;
    --line:         #262B33;
    --line-strong:  #363C46;
    --ink:          #EDEFF2;
    --ink-2:        #A8AFBC;
    --ink-3:        #6B7280;
    --accent:       #5B8DEF;
    --accent-hover: #75A0F5;
    --accent-wash:  rgba(91,141,239,.16);
    --ok:   #3DD68C;  --ok-wash:   rgba(61,214,140,.14);
    --warn: #E0A94D;  --warn-wash: rgba(224,169,77,.14);
    --down: #F0665C;  --down-wash: rgba(240,102,92,.14);
    --live: #5B8DEF;  --live-wash: rgba(91,141,239,.16);
    --danger: #F0665C;
    --shadow-card: 0 1px 2px rgba(0,0,0,.3), 0 2px 8px rgba(0,0,0,.25);
    --shadow-pop:  0 14px 40px -12px rgba(0,0,0,.55);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --canvas:       #0B0D11;
  --surface:      #14171C;
  --surface-2:    #1B1F26;
  --line:         #262B33;
  --line-strong:  #363C46;
  --ink:          #EDEFF2;
  --ink-2:        #A8AFBC;
  --ink-3:        #6B7280;
  --accent:       #5B8DEF;
  --accent-hover: #75A0F5;
  --accent-wash:  rgba(91,141,239,.16);
  --ok:   #3DD68C;  --ok-wash:   rgba(61,214,140,.14);
  --warn: #E0A94D;  --warn-wash: rgba(224,169,77,.14);
  --down: #F0665C;  --down-wash: rgba(240,102,92,.14);
  --live: #5B8DEF;  --live-wash: rgba(91,141,239,.16);
  --danger: #F0665C;
  --shadow-card: 0 1px 2px rgba(0,0,0,.3), 0 2px 8px rgba(0,0,0,.25);
  --shadow-pop:  0 14px 40px -12px rgba(0,0,0,.55);
  color-scheme: dark;
}