/* 設計 tokens 單一真相來源 — 合併自 mockup/index.html 與 mockup/shared.css 的 :root / [data-theme] 區塊 */
:root, :root[data-theme="light"] {
  color-scheme: light;
  --page: #f6f8fb;
  --page-glow-a: rgba(42,120,214,.06);
  --page-glow-b: rgba(217,119,6,.04);
  --surface: #ffffff;
  --surface-2: #f0f3f8;
  --band: #0d1830;
  --band-ink: #f4f7fc;
  --band-ink2: #93a1bd;
  --ink: #101828;
  --ink2: #475467;
  --muted: #98a2b3;
  --grid: #e8edf4;
  --axis: #cbd5e1;
  --border: rgba(16,24,40,.08);
  --sheen: rgba(255,255,255,0);
  --rev: #2a78d6;
  --rev-fc: #86b6ef;
  --rev-deep: #1E40AF;
  --cost: #eb6834;
  --head: #1baf7a;
  --accent: #D97706;
  --accent-ink: #b45309;
  --crit: #d03b3b;
  --good: #067647;
  --gap-track: #eceff5;
  --seq-1: #b7d3f6; --seq-2: #86b6ef; --seq-3: #3987e5; --seq-4: #1c5cab;
  --glow-rev: none;
  --shadow: 0 1px 2px rgba(16,24,40,.05);
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --page: #0b1220;
  --page-glow-a: rgba(57,135,229,.10);
  --page-glow-b: rgba(240,161,31,.05);
  --surface: #141d30;
  --surface-2: #1c2740;
  --band: #0b1220;
  --band-ink: #f2f5fa;
  --band-ink2: #7e8aa0;
  --ink: #f2f5fa;
  --ink2: #b6c1d4;
  --muted: #7e8aa0;
  --grid: #1f2a41;
  --axis: #33405c;
  --border: rgba(255,255,255,.08);
  --sheen: rgba(255,255,255,.03);
  --rev: #3987e5;
  --rev-fc: #1c5cab;
  --rev-deep: #3987e5;
  --cost: #d95926;
  --head: #199e70;
  --accent: #f2a316;
  --accent-ink: #f2a316;
  --crit: #e66767;
  --good: #34c98e;
  --gap-track: #1c2740;
  --seq-1: #184f95; --seq-2: #256abf; --seq-3: #3987e5; --seq-4: #86b6ef;
  --glow-rev: 0 0 20px rgba(57,135,229,.35);
  --shadow: 0 1px 2px rgba(0,0,0,.4);
}