/* v4 tokens are authoritative; legacy scale names remain aliases. */
@import './tokens.css';
@font-face { font-family:"Outfit"; src:url("./vendor/outfit-latin-wght.woff2") format("woff2"); font-style:normal; font-weight:100 900; font-display:swap; }
:root {
 color-scheme:light;
 --font-ui:var(--font); --font-num:var(--num); --font-fun:var(--font);
 --g1:var(--surface); --g2:var(--bg); --g3:var(--bg-2); --g4:var(--bg-2); --g5:var(--line); --g6:var(--line); --g7:var(--line-2); --g8:var(--ink-4); --g9:var(--ink-3); --g10:var(--ink-3); --g11:var(--ink-2); --g12:var(--ink);
 --a1:var(--surface); --a2:var(--surface-2); --a3:var(--accent-soft); --a4:var(--accent-soft); --a5:var(--accent-line); --a6:var(--accent-line); --a7:var(--accent-line); --a8:var(--accent); --a9:var(--accent); --a10:var(--accent-strong); --a11:var(--accent-strong); --a12:var(--accent-strong);
 --ok-3:var(--gA-soft); --ok-9:var(--gA); --ok-11:var(--gA);
 --warn-3:var(--gC-soft); --warn-9:var(--gC); --warn-11:var(--gC);
 --bad-3:var(--gD-soft); --bad-9:var(--gD); --bad-11:var(--gD);
 --info-3:var(--gB-soft); --info-9:var(--gB); --info-11:var(--gB);
 --white:var(--surface); --r-control:var(--r-md);
 --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px; --s-8:32px; --s-10:40px;
 --h-btn:38px; --h-btn-sm:30px;
 --shadow-1:var(--sh-1); --shadow-2:var(--sh-2); --shadow-md:var(--sh-2);
 --duration:160ms; --duration-page:260ms; --duration-sidebar:240ms;
  /* Legacy aliases: keep existing pages usable until R2/R3 migrate. */
  --font-sans: var(--font-ui);
  --text: var(--g12); --muted: var(--g11);
  --canvas: var(--g3); --shell: var(--g2);
  --surface-soft: var(--g3);
  --input-line: var(--g7);
  --on-accent: var(--white);
  --accent-deep: var(--a12);
  --accent-mid: var(--a6); --accent-end: var(--a11);
  --accent-gradient: var(--accent-grad);
  --grade-a: var(--ok-11); --grade-a-bg: var(--ok-3);
  --grade-b: var(--info-11); --grade-b-bg: var(--info-3);
  --grade-c: var(--warn-11); --grade-c-bg: var(--warn-3);
  --grade-d: var(--bad-11); --grade-d-bg: var(--bad-3);
  --error: var(--bad-11); --error-bg: var(--bad-3);
  --warning: var(--warn-11); --warning-bg: var(--warn-3); --warning-line: var(--warn-9);
  --backdrop: color-mix(in srgb, var(--g12) 40%, transparent);
  --radius-sm: var(--r-sm); --radius-control: var(--r-control);
  --radius-card: var(--r-lg); --radius-shell: var(--r-xl); --radius-pill: var(--r-pill);
  --shadow-card: var(--shadow-1); --shadow-hover: var(--shadow-2); --shadow-shell: var(--shadow-2);
  --text-xs: 12px; --text-sm: 13px; --text-base: 14px;
  --text-lg: 18px; --text-title: 28px; --text-number: 42px;
  --space-1: var(--s-1); --space-2: var(--s-2); --space-3: var(--s-3); --space-4: var(--s-4);
  --space-5: var(--s-5); --space-6: var(--s-6); --space-8: var(--s-8); --space-10: var(--s-10);
}