/* Design tokens — the ONLY place colors/sizes live. Spec G7 pins the roles;
   values may be tuned but dark stays default and both palettes must pass
   the contrast roles they encode. */
:root {
  --font:
    ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs: 13px;
  --fs-sm: 11px;
  --fs-lg: 15px;
  --fs-kpi: 22px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --row-h: 36px;
  --row-h-dense: 28px;
  --queue-h: 44px;
  --touch: 40px;
  --rad: 8px;
  --rad-lg: 12px;
  --sidebar-w: 216px;
  --tabbar-h: 56px;
}
:root,
:root[data-theme="dark"] {
  --bg: #0f1218;
  --surface: #161b24;
  --surface2: #1c2330;
  --border: #232b38;
  --ink: #dfe5ec;
  --mut: #8b97a6;
  --accent: #2f6fed;
  --accent-ink: #ffffff;
  --ok: #4ade80;
  --warn: #fbbf24;
  --bad: #ff8a8a;
  --info: #a5b4fc;
  --ok-bg: #10291c;
  --warn-bg: #2e2410;
  --bad-bg: #2a1519;
  --info-bg: #1a1f33;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #f7f8fa;
  --surface: #ffffff;
  --surface2: #f0f2f5;
  --border: #e4e8ee;
  --ink: #1c232e;
  --mut: #5b6675;
  --accent: #2f6fed;
  --accent-ink: #ffffff;
  --ok: #16a34a;
  --warn: #b45309;
  --bad: #c0392b;
  --info: #4f5bd5;
  --ok-bg: #e8f7ee;
  --warn-bg: #fdf3e4;
  --bad-bg: #feecec;
  --info-bg: #eef0fd;
  color-scheme: light;
}