:root {
  --font-display: "Outfit", sans-serif;
  --font-body: "Onest", sans-serif;
  --font-mono: "Onest", sans-serif;
  --bg: #f7f6f3; /* warm chalk */
  --surface: #ffffff;
  --surface-2: #efede9; /* pale track */
  --ink: #17191d;
  --muted-strong: #41454c;
  --muted: #60636b;
  --line: #dddcd6;
  --line-strong: #b2b4b9;
  --ink-field: #17191d;
  --on-ink: #ffffff;
  --on-ink-muted: #bec1c8;
  --accent: #b4370b; /* lap orange */
  --accent-fill: #ff6b2c; /* race orange */
  --accent-on-fill: #17191d;
  --accent-text: #b4370b;
  --accent-soft: #ffdfcf;
  --field-1: #efede9;
  --field-1-ink: #17191d;
  --field-2: #ffdfcf;
  --field-2-ink: #17191d;
  --field-3: #17191d;
  --field-3-ink: #ffffff;
  --caution: #815000; /* amber track warning */
  --caution-soft: #fcebc5;
  --danger: #a02626; /* red rest flag */
  --danger-soft: #ffe0de;
  --success: #27734b;
  --success-soft: #d5eedf;
  --shadow: rgba(0,0,0,0.06);
  --radius: 18px;
  --radius-sm: 8px;
  --radius-button: 12px;
  color-scheme: light;
}
@media screen and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #111316; /* winter asphalt */
    --surface: #1c1f24;
    --surface-2: #26292f;
    --ink: #f5f4f0;
    --muted-strong: #d0d2d7;
    --muted: #a4a9b3;
    --line: #34383f;
    --line-strong: #5d6470;
    --accent: #ff8b56;
    --accent-fill: #ff6b2c;
    --accent-on-fill: #17191d;
    --accent-text: #ff8b56;
    --accent-soft: #472919;
    --field-1: #26292f;
    --field-1-ink: #f5f4f0;
    --field-2: #472919;
    --field-2-ink: #f5f4f0;
    --field-3: #17191d;
    --field-3-ink: #ffffff;
    --caution: #f8ca72;
    --caution-soft: #392b15;
    --danger: #ffb4ad;
    --danger-soft: #412120;
    --success: #87d9ad;
    --success-soft: #19372a;
    --shadow: rgba(0,0,0,0.15);
    color-scheme: dark;
  }
}
@media screen {
  :root[data-theme="dark"] {
    --bg: #111316;
    --surface: #1c1f24;
    --surface-2: #26292f;
    --ink: #f5f4f0;
    --muted-strong: #d0d2d7;
    --muted: #a4a9b3;
    --line: #34383f;
    --line-strong: #5d6470;
    --accent: #ff8b56;
    --accent-fill: #ff6b2c;
    --accent-on-fill: #17191d;
    --accent-text: #ff8b56;
    --accent-soft: #472919;
    --field-1: #26292f;
    --field-1-ink: #f5f4f0;
    --field-2: #472919;
    --field-2-ink: #f5f4f0;
    --field-3: #17191d;
    --field-3-ink: #ffffff;
    --caution: #f8ca72;
    --caution-soft: #392b15;
    --danger: #ffb4ad;
    --danger-soft: #412120;
    --success: #87d9ad;
    --success-soft: #19372a;
    --shadow: rgba(0,0,0,0.15);
    color-scheme: dark;
  }
}