/* Generated from design-system/project/tokens.json by tools/build-tokens.mjs. Don't edit by hand. */
:root {
  color-scheme: light dark;
  --font-sans: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 999px;
  --tap-min: 48px;
  --control-lg: 56px;
  --row-min: 56px;
  --column-read: 640px;
  --column-list: 720px;
  --sidebar-width: 264px;
  --progress-weight: 2px;
  --bg: #f4f3ef;
  --surface: #fbfaf7;
  --surface-muted: #ecebe6;
  --line: #e0ded8;
  --line-strong: #8a867e;
  --ink: #1e2022;
  --ink-muted: #5a5d61;
  --accent: #2d6770;
  --accent-soft: #e0ecee;
  --on-accent: #ffffff;
  --missed: #9a4a2a;
  --missed-soft: #f6e8e1;
  --on-missed: #ffffff;
  --scrim: #1e202252;
  --icon-ground: #2d6770;
  --icon-mark: #f4f3ef;
  --shadow-sheet: 0 -8px 32px #1e202214;
  --focus-ring: 0 0 0 2px #fbfaf7, 0 0 0 4px #2d6770;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #141516;
    --surface: #1b1d1f;
    --surface-muted: #24272a;
    --line: #2d3034;
    --line-strong: #6d7279;
    --ink: #e6e4df;
    --ink-muted: #a3a6aa;
    --accent: #8bbfc6;
    --accent-soft: #1a2f33;
    --on-accent: #0e1a1c;
    --missed: #e3a283;
    --missed-soft: #37241b;
    --on-missed: #1c120d;
    --scrim: #000000a3;
    --icon-ground: #1d3a3f;
    --icon-mark: #a9d3d9;
    --shadow-sheet: 0 -8px 32px #00000080;
    --focus-ring: 0 0 0 2px #1b1d1f, 0 0 0 4px #8bbfc6;
  }
}