/* Shift One — generated from design-system/tokens.json by tools/build-design-system.js. Don't edit by hand. */
:root {
  --bg: #f3f5f8;
  --surface: #ffffff;
  --surface-2: #f7f9fb;
  --border: #e1e6ed;
  --text: #19212d;
  --muted: #647184;
  --accent: #2459d6;
  --accent-soft: #e8efff;
  --on-accent: #ffffff;
  --focus: var(--accent);
  --good: #147d3b;
  --good-soft: #e6f5ec;
  --warn: #b45309;
  --warn-soft: #fdf2e2;
  --bad: #c62828;
  --bad-soft: #fdecec;
  --on-bad: #ffffff;
  --crit: #b91c1c;
  --high: #c3400d;
  --med: #9d6006;
  --low: #2e7b49;
  --bubble: #eef1f5;
  --p1: var(--crit);
  --p2: var(--high);
  --p3: var(--med);
  --p4: var(--low);
  --int: #fff8e6;
  --int-border: #f0d9a8;
  --hatch: rgba(100, 113, 132, 0.12);
  --scrim: rgba(10, 15, 25, 0.45);
  --toast-bg: #1b2230;
  --toast-info: #6b95ff;
  --toast-good: #4ade80;
  --toast-bad: #f87171;
  --toast-warn: #f5a524;
  --term-bg: #0f1722;
  --term-fg: #c9d6e6;
  --term-dim: #8aa4c8;
  --term-ok: #6ad48c;
  --term-err: #ff8a80;
  --console-bg: #0c0f14;
  --console-fg: #d6dde8;
  --console-prompt: #7fb4ff;
  --desktop-1: #1f4e9c;
  --desktop-2: #2d7fc1;
  --desktop-3: #5aa9d6;
  --taskbar: rgba(15, 20, 30, 0.75);
  --popup-bg: #fff7d6;
  --popup-fg: #3a2b00;
  --popup-border: #f59e0b;
  --ransom-bg: #7f1d1d;
  --ransom-fg: #fee2e2;
  --ransom-border: #ef4444;
  --grade-a: #15803d;
  --grade-b: #2459d6;
  --grade-c: #a16207;
  --grade-d: #d9480f;
  --grade-f: #b91c1c;
  --shadow: 0 1px 2px rgba(16, 24, 40, 0.05), 0 2px 8px rgba(16, 24, 40, 0.05);
  --shadow-queue: 0 18px 50px -24px rgba(17, 26, 36, 0.35);
  --shadow-call: 0 16px 40px rgba(0, 0, 0, 0.25);
  --shadow-toast: 0 8px 20px rgba(0, 0, 0, 0.25);
  --shadow-modal: 0 20px 50px rgba(0, 0, 0, 0.3);
  --shadow-popup: 0 6px 16px rgba(0, 0, 0, 0.3);
  --focus-ring: 0 0 0 3px #e8efff;
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-44: 44px;
  --radius-3: 3px;
  --radius-4: 4px;
  --radius-5: 5px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius: 10px;
  --radius-12: 12px;
  --radius-14: 14px;
  --radius-20: 20px;
  --radius-round: 50%;
  --topbar-height: 56px;
  --sidebar-width: 208px;
  --panel-width: 400px;
  --page-max: 1160px;
  --measure: 70ch;
  --font-display: "Archivo", "Segoe UI", system-ui, sans-serif;
  --font-sans: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0e131a;
    --surface: #151c26;
    --surface-2: #1a2230;
    --border: #263142;
    --text: #e4e9f1;
    --muted: #8b97a9;
    --accent: #6b95ff;
    --accent-soft: #1d2a47;
    --on-accent: #0e131a;
    --good: #4ade80;
    --good-soft: #13291d;
    --warn: #f5a524;
    --warn-soft: #2d2412;
    --bad: #f87171;
    --bad-soft: #2f1719;
    --on-bad: #0e131a;
    --crit: #f87171;
    --high: #fb923c;
    --med: #facc15;
    --low: #4ade80;
    --bubble: #1f2835;
    --int: #2a2415;
    --int-border: #4a3d1e;
    --hatch: rgba(139, 151, 169, 0.14);
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    --focus-ring: 0 0 0 3px #1d2a47;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0e131a;
  --surface: #151c26;
  --surface-2: #1a2230;
  --border: #263142;
  --text: #e4e9f1;
  --muted: #8b97a9;
  --accent: #6b95ff;
  --accent-soft: #1d2a47;
  --on-accent: #0e131a;
  --good: #4ade80;
  --good-soft: #13291d;
  --warn: #f5a524;
  --warn-soft: #2d2412;
  --bad: #f87171;
  --bad-soft: #2f1719;
  --on-bad: #0e131a;
  --crit: #f87171;
  --high: #fb923c;
  --med: #facc15;
  --low: #4ade80;
  --bubble: #1f2835;
  --int: #2a2415;
  --int-border: #4a3d1e;
  --hatch: rgba(139, 151, 169, 0.14);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  --focus-ring: 0 0 0 3px #1d2a47;
  color-scheme: dark;
}