/* Generated by tools/build_tokens_css.py from tokens.json. Do not edit by hand. */
:root {
  --font-display: Anton, Impact, "Arial Narrow", sans-serif;
  --font-text: Archivo, system-ui, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 22px;
  --radius-sticker: 26px;
  --radius-pill: 999px;
  --sticker-tilt: -4deg;
  --wordmark-seal-tilt: -8deg;
  --spine-width: 140px;
  --band-height: 120px;
  --nav-height: 72px;
  --measure: 680px;
  --wordmark-on-scale: 1.35em;
  --wordmark-seal-size: 1.35em;
  --paper: #f6f7f9;
  --panel: #e9ecf0;
  --card: #ffffff;
  --ink: #14181f;
  --ink-muted: #565d68;
  --brand: #1f2a44;
  --on-brand: #f6f7f9;
  --on-brand-accent: #c9d4e8;
  --brand-text: #2d4870;
  --brand-progress: #3a5688;
  --machine: #dce3ec;
  --on-machine: #14181f;
  --on-machine-accent: #2d4870;
  --machine-text: #2d4870;
  --human: #e7e1d4;
  --on-human: #14181f;
  --on-human-accent: #5e4f2a;
  --focus: #3a74d0;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0f131a;
    --panel: #1a202a;
    --card: #141922;
    --ink: #e8ecf2;
    --ink-muted: #a0a8b4;
    --brand: #2a3a5e;
    --on-brand: #e8ecf2;
    --on-brand-accent: #e7d8b0;
    --brand-text: #a6bedc;
    --brand-progress: #4a6296;
    --machine: #22303f;
    --on-machine: #d8e3f0;
    --on-machine-accent: #a6bedc;
    --machine-text: #a6bedc;
    --human: #363226;
    --on-human: #ece4d2;
    --on-human-accent: #d9c9a0;
    --focus: #e8ecf2;
  }
}
:root[data-theme="dark"] {
  --paper: #0f131a;
  --panel: #1a202a;
  --card: #141922;
  --ink: #e8ecf2;
  --ink-muted: #a0a8b4;
  --brand: #2a3a5e;
  --on-brand: #e8ecf2;
  --on-brand-accent: #e7d8b0;
  --brand-text: #a6bedc;
  --brand-progress: #4a6296;
  --machine: #22303f;
  --on-machine: #d8e3f0;
  --on-machine-accent: #a6bedc;
  --machine-text: #a6bedc;
  --human: #363226;
  --on-human: #ece4d2;
  --on-human-accent: #d9c9a0;
  --focus: #e8ecf2;
}