/* Generated by scripts/build_web.py from design/tokens.json. Do not edit: change the token, then run it. */
:root {
  color-scheme: light;
  --surface: #f0ede6;
  --raised: #f8f7f3;
  --line: #d6d6cc;
  --ink: #1f2622;
  --muted: #575f59;
  --pine: #1f5243;
  --on-pine: #ffffff;
  --dot: #1f5243;
  --hero: #f7f5f0;
  --band-section: #121715;
  --pine-hover: #173f34;
  --close-soft: #3a6658;
  --big-m: #e9e5dc;
  --num: #d3cec2;
  --warn: #8a5a12;
  --critical: #a03a2c;
  --close-ink: #f0ede6;
  --band: #121715;
  --band-raised: #18201c;
  --band-line: #28302c;
  --band-ink: #e7ece8;
  --band-muted: #9fa9a3;
  --band-key: #4fa385;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-pill: 999px;
  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --surface: #121715;
    --raised: #18201c;
    --line: #28302c;
    --ink: #e7ece8;
    --muted: #9fa9a3;
    --pine: #4fa385;
    --on-pine: #0f1512;
    --dot: #4fa385;
    --hero: #161d1a;
    --band-section: #1d2622;
    --pine-hover: #62b495;
    --close-soft: #3f8a70;
    --big-m: #212a25;
    --num: #2c3631;
    --warn: #e0a84c;
    --critical: #e8907f;
    --close-ink: #0f1512;
    --band: #121715;
    --band-raised: #18201c;
    --band-line: #28302c;
    --band-ink: #e7ece8;
    --band-muted: #9fa9a3;
    --band-key: #4fa385;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --surface: #121715;
  --raised: #18201c;
  --line: #28302c;
  --ink: #e7ece8;
  --muted: #9fa9a3;
  --pine: #4fa385;
  --on-pine: #0f1512;
  --dot: #4fa385;
  --hero: #161d1a;
  --band-section: #1d2622;
  --pine-hover: #62b495;
  --close-soft: #3f8a70;
  --big-m: #212a25;
  --num: #2c3631;
  --warn: #e0a84c;
  --critical: #e8907f;
  --close-ink: #0f1512;
  --band: #121715;
  --band-raised: #18201c;
  --band-line: #28302c;
  --band-ink: #e7ece8;
  --band-muted: #9fa9a3;
  --band-key: #4fa385;
}