/* Bridge: maps the legacy stats/lists token names (style.css) onto the
   design-system tokens (design.css), so the chart pages inherit the new
   look without rewriting their internals. Load AFTER style.css + design.css.
   Chart series colors (--series-*, --seq-*, --status-*) stay untouched —
   they follow the validated dataviz palette. */
:root, :root[data-theme="dark"], :root[data-theme="light"] {
  --page: var(--bg);
  --surface-1: var(--card);
  --text-primary: var(--ink);
  --text-secondary: var(--muted);
  --text-muted: var(--muted-2);
  --grid: var(--border-soft);
  --axis: var(--border-strong);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --page: var(--bg);
    --surface-1: var(--card);
    --text-primary: var(--ink);
    --text-secondary: var(--muted);
    --text-muted: var(--muted-2);
    --grid: var(--border-soft);
    --axis: var(--border-strong);
  }
}

/* legacy pages set their own body font; the system font is IBM Plex */
body { font-family: "IBM Plex Sans", system-ui, sans-serif; }

/* numerals in legacy tables/tiles pick up the mono treatment */
.kpi .value, td.num, .snapshot-badge { font-family: "IBM Plex Mono", monospace; font-variant-numeric: tabular-nums; }