/* GENERATED by tools/build_tokens.py from design/tokens.json. Edit the JSON, not this file. */
:root {
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, ui-monospace, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --radius-s: 4px;
  --radius-m: 6px;
  --radius-l: 10px;
  --paper: #EEF3F7;
  --panel: #FFFFFF;
  --ink: #13233A;
  --muted: #5A6B80;
  --line: #D2DCE5;
  --magenta: #A3175F;
  --on-magenta: #FFFFFF;
  --mag-soft: #F6E1EC;
  --blue: #1E5DA3;
  --blue-soft: #DCE8F5;
  --ok: #2C7650;
  --warn: #9A5B00;
  --bad: #A3302A;
  --hatch: #E2EAF1;
  --cap: #23272E;
  --cap-ink: #F1F3F6;
  --cap-muted: #AEB6C2;
  --cap-link: #8CC0FF;
  --star: #B8860B;
  --chart-today: #1E5DA3;
  --chart-yesterday: #B5651D;
  --shadow: rgba(10,20,40,.15);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --paper: #0D1623;
  --panel: #142135;
  --ink: #E4ECF5;
  --muted: #93A4B9;
  --line: #24354C;
  --magenta: #E05AA2;
  --on-magenta: #0D1623;
  --mag-soft: #3A1A2D;
  --blue: #6FA7E6;
  --blue-soft: #1B3150;
  --ok: #5FBF8C;
  --warn: #E2A84A;
  --bad: #E8746B;
  --hatch: #1A2A40;
  --cap: #0A0F17;
  --cap-ink: #E4ECF5;
  --cap-muted: #93A4B9;
  --cap-link: #8CC0FF;
  --star: #F0C34A;
  --chart-today: #5B98D9;
  --chart-yesterday: #BF8440;
  --shadow: rgba(0,0,0,.4);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #0D1623;
  --panel: #142135;
  --ink: #E4ECF5;
  --muted: #93A4B9;
  --line: #24354C;
  --magenta: #E05AA2;
  --on-magenta: #0D1623;
  --mag-soft: #3A1A2D;
  --blue: #6FA7E6;
  --blue-soft: #1B3150;
  --ok: #5FBF8C;
  --warn: #E2A84A;
  --bad: #E8746B;
  --hatch: #1A2A40;
  --cap: #0A0F17;
  --cap-ink: #E4ECF5;
  --cap-muted: #93A4B9;
  --cap-link: #8CC0FF;
  --star: #F0C34A;
  --chart-today: #5B98D9;
  --chart-yesterday: #BF8440;
  --shadow: rgba(0,0,0,.4);
  color-scheme: dark;
}