/* Generated by scripts/build-tokens.mjs from design/tokens.json. Do not edit; run `npm run tokens`. The landing page is light-only. */
:root {
  --sun: #FFD43B;
  --sun-soft: #FFF3B0;
  --surface: #FFFFFF;
  --paper: #FFFDF5;
  --ink: #111111;
  --ink-soft: #444444;
  --border: #111111;
  --shadow: #111111;
  --shadow-on-sun: #111111;
  --amber: #F08A24;
  --due: #9A3412;
  --good: #086A32;
  --good-wash: #E2F3E7;
  --bad: #A82B24;
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-body: "Atkinson Hyperlegible Next", system-ui, sans-serif;
  --font-mono: "Atkinson Hyperlegible Mono", ui-monospace, monospace;
  --radius-chip: 10px;
  --radius-card: 12px;
  --radius-panel: 16px;
  --radius-pill: 999px;
  --border-control: 2px;
  --border-object: 3px;
  --shadow-small: 3px 3px 0 var(--shadow);
  --shadow-card: 4px 4px 0 var(--shadow);
}