/* GENERATED from tokens.json — edit tokens.json, then regenerate (see HANDOVER.md). */
:root, [data-theme="light"] {
  --bg-page: #e4e4e8;
  --bg-well: #f1f1f3;
  --bg-raised: #ffffff;
  --bg-float: rgba(255,255,255,0.66);
  --glass: rgba(255,255,255,0.78);
  --glass-2: rgba(255,255,255,0.34);
  --glass-edge: rgba(255,255,255,0.9);
  --glass-highlight: rgba(255,255,255,0.95);
  --glass-shade: rgba(0,0,0,0.06);
  --bg-scrim: rgba(0,0,0,0.32);
  --bg-hover: #f3f3f3;
  --bg-selected: #e9e9e9;
  --ink: #0a0a0a;
  --ink-2: #5c5c5c;
  --ink-3: #656565;
  --ink-inverse: #ffffff;
  --hairline: #e6e6e6;
  --hairline-strong: #cfcfcf;
  --control-border: #818181;
  --focus: #0a0a0a;
  --focus-inverse: #ffffff;
  --act: #000000;
  --act-hover: #2a2a2a;
  --on-act: #ffffff;
  --ok: #1c733b;
  --ok-tint: #e7f5ec;
  --warn: #925600;
  --warn-tint: #fbf0dc;
  --bad: #b4231c;
  --bad-tint: #fbe9e7;
  --info: #2a5db0;
  --info-tint: #e8eefb;
  --stale: #656565;
  --stale-tint: #efefef;
  --ai: #0c9087;
  --ai-ink: #0d7369;
  --ai-tint: #e4f7f4;
  --ai-glow: rgba(13,156,146,0.35);
  --test: #c8102e;
  --on-test: #ffffff;
  --prov-engine: var(--ai-ink);
  --prov-human: var(--ink);
  --prov-auto: var(--ink-2);
  --act-sheen: rgba(255,255,255,0.18);
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,1), inset 1px 0 0 rgba(255,255,255,0.6), inset 0 -1px 0 rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.06), 0 10px 30px rgba(0,0,0,0.10);
  --shadow-float: inset 0 1px 0 rgba(255,255,255,0.95), 0 24px 64px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.06);
  --shadow-bar: 0 1px 0 rgba(0,0,0,0.08);
  --shadow-none: none;
}
[data-theme="dark"] {
  --bg-page: #000000;
  --bg-well: #111111;
  --bg-raised: #161616;
  --bg-float: rgba(22,22,22,0.62);
  --glass: rgba(255,255,255,0.10);
  --glass-2: rgba(255,255,255,0.03);
  --glass-edge: rgba(255,255,255,0.16);
  --glass-highlight: rgba(255,255,255,0.22);
  --glass-shade: rgba(0,0,0,0.5);
  --bg-scrim: rgba(0,0,0,0.6);
  --bg-hover: #151515;
  --bg-selected: #222222;
  --ink: #f2f2f2;
  --ink-2: #a8a8a8;
  --ink-3: #8c8c8c;
  --ink-inverse: #000000;
  --hairline: #262626;
  --hairline-strong: #3d3d3d;
  --control-border: #767676;
  --focus: #ffffff;
  --focus-inverse: #000000;
  --act: #ffffff;
  --act-hover: #dcdcdc;
  --on-act: #000000;
  --ok: #5fd48a;
  --ok-tint: #0b2415;
  --warn: #f2b34f;
  --warn-tint: #2b1d05;
  --bad: #ff7a72;
  --bad-tint: #2e0e0c;
  --info: #82aaff;
  --info-tint: #0b1a36;
  --stale: #9c9c9c;
  --stale-tint: #1c1c1c;
  --ai: #3fe0cf;
  --ai-ink: #5ee8d8;
  --ai-tint: #062421;
  --ai-glow: rgba(63,224,207,0.35);
  --test: #c8102e;
  --on-test: #ffffff;
  --prov-engine: var(--ai-ink);
  --prov-human: var(--ink);
  --prov-auto: var(--ink-2);
  --act-sheen: rgba(0,0,0,0.18);
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,0.24), inset 1px 0 0 rgba(255,255,255,0.10), inset 0 -1px 0 rgba(0,0,0,0.6), 0 1px 2px rgba(0,0,0,0.6), 0 10px 30px rgba(0,0,0,0.55);
  --shadow-float: inset 0 1px 0 rgba(255,255,255,0.22), 0 24px 64px rgba(0,0,0,0.75), 0 2px 8px rgba(0,0,0,0.5);
  --shadow-bar: 0 1px 0 rgba(255,255,255,0.1);
  --shadow-none: none;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-0: 0px;
  --radius-pill: 999px;
  --dur-fast: 150ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 250ms; /* @kind other */
  --ease-out: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-in: cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --pulse-period: 1.8s; /* @kind other */
  --z-sticky: 10; /* @kind other */
  --z-topbar: 100; /* @kind other */
  --z-drawer: 200; /* @kind other */
  --z-modal: 300; /* @kind other */
  --z-toast: 400; /* @kind other */
  --font-brand: "Karla", "Inter", system-ui, sans-serif;
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
@font-face { font-family: "Karla"; src: url("fonts/Karla-Variable.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonts/Inter-Variable-Italic.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/JetBrainsMono-Variable.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; }
.display { font-family: var(--font-brand); font-size: 32px; line-height: 36px; font-weight: 600; letter-spacing: -0.01em; }
.h1 { font-family: var(--font-brand); font-size: 26px; line-height: 32px; font-weight: 600; letter-spacing: -0.01em; }
.h2 { font-family: var(--font-brand); font-size: 18px; line-height: 24px; font-weight: 600; }
.drawer-title { font-family: var(--font-brand); font-size: 17px; line-height: 22px; font-weight: 600; }
.kpi { font-family: var(--font-brand); font-size: 32px; line-height: 36px; font-weight: 700; letter-spacing: -0.02em; }
.kpi-hero { font-family: var(--font-brand); font-size: 44px; line-height: 48px; font-weight: 700; letter-spacing: -0.02em; }
.wordmark { font-family: var(--font-brand); font-size: 15px; line-height: 20px; font-weight: 700; letter-spacing: 0.08em; }
.body { font-family: var(--font-ui); font-size: 14px; line-height: 20px; font-weight: 400; }
.body-strong { font-family: var(--font-ui); font-size: 14px; line-height: 20px; font-weight: 600; }
.small { font-family: var(--font-ui); font-size: 12px; line-height: 16px; font-weight: 400; }
.label { font-family: var(--font-ui); font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: 0.06em; }
.table { font-family: var(--font-ui); font-size: 13px; line-height: 18px; font-weight: 400; }
.num { font-family: var(--font-ui); font-size: 13px; line-height: 18px; font-weight: 500; }
.code { font-family: var(--font-mono); font-size: 12.5px; line-height: 18px; font-weight: 500; letter-spacing: 0; }
.code-block { font-family: var(--font-mono); font-size: 12px; line-height: 18px; font-weight: 400; }