:root {
  color-scheme: dark;
  --bg: #0b0e14; --bg-2: #0f131b; --surface: #131822; --surface-2: #1a2130; --surface-3: #212a3b; --border: #232c3c; --border-2: #2f3a4e;
  --text: #e8ecf3; --muted: #9aa6b8; --faint: #66738a; --inverse: #0b0e14;
  --accent: #3ec7ff; --accent-2: #7c8cff; --accent-soft: rgba(62, 199, 255, .12);
  --ok: #34d399; --ok-soft: rgba(52, 211, 153, .14); --warn: #fbbf24; --warn-soft: rgba(251, 191, 36, .14); --bad: #fb7185; --bad-soft: rgba(251, 113, 133, .14);
  --info: #a78bfa; --info-soft: rgba(167, 139, 250, .14);
  --top-bg: rgba(11, 14, 20, .85); --scrim: rgba(0, 0, 0, .45); --pal-scrim: rgba(4, 6, 10, .6);
  --radius: 10px; --radius-sm: 6px; --radius-xs: 4px;
  --font: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --shadow: 0 1px 0 rgba(255,255,255,.02) inset, 0 8px 24px rgba(0,0,0,.35);
  --glow: 0 0 0 1px var(--accent-soft), 0 0 24px rgba(62,199,255,.12);
  --rail: 212px; --top: 52px;
  --up: var(--ok); --down: var(--bad); --flat: var(--muted);
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f5f9; --bg-2: #eef1f6; --surface: #ffffff; --surface-2: #f4f6fa; --surface-3: #e9edf4; --border: #dde3ec; --border-2: #c9d2df;
  --text: #0f172a; --muted: #55627a; --faint: #8a95a8; --inverse: #ffffff;
  --accent: #0b7dc2; --accent-2: #5b6cff; --accent-soft: rgba(11, 125, 194, .12);
  --ok: #15803d; --ok-soft: rgba(21, 128, 61, .12); --warn: #b45309; --warn-soft: rgba(180, 83, 9, .12); --bad: #be123c; --bad-soft: rgba(190, 18, 60, .12);
  --info: #6d4bd6; --info-soft: rgba(109, 75, 214, .12);
  --top-bg: rgba(243, 245, 249, .88); --scrim: rgba(15, 23, 42, .35); --pal-scrim: rgba(15, 23, 42, .45);
  --shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 4px 14px rgba(16, 24, 40, .06);
  --glow: 0 0 0 1px var(--accent-soft), 0 0 18px rgba(11,125,194,.14);
}