/* Generated from design-system/project/tokens.json. Do not edit by hand. */
:root {
  color-scheme: light dark;
  --surface: #f7f8f2;
  --surface-raised: #ffffff;
  --surface-sunken: #eef1e6;
  --line: #dfe4d4;
  --line-strong: #8a957f;
  --ink: #1f2a1b;
  --ink-muted: #4d5a45;
  --primary: #2d6313;
  --primary-hover: #234f0e;
  --on-primary: #ffffff;
  --brand-deep: #15380a;
  --on-brand-deep: #ffffff;
  --accent-soft: #e9f0d2;
  --highlight: #f9f286;
  --highlight-soft: #fcf9d8;
  --on-highlight: #1f2a1b;
  --info-soft: #e3f4fd;
  --live: #c52f1a;
  --on-live: #ffffff;
  --wood-ink: #8a4f17;
  --focus-ring: #2d6313;
  --pine: #15380a;
  --fairway: #2d6313;
  --grass: #779809;
  --flag: #f9f286;
  --flag-deep: #e6dd40;
  --sky: #b6e4fa;
  --wood: #cc8536;
  --bark: #2a1b0c;
  --ball: #fdfdfd;
  --dimple: #c8c7c7;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(21,56,10,0.06), 0 4px 16px rgba(21,56,10,0.06);
  --shadow-raised: 0 2px 4px rgba(21,56,10,0.08), 0 12px 32px rgba(21,56,10,0.12);
  --font-display: "Bricolage Grotesque", "Arial Black", system-ui, sans-serif;
  --font-sans: Figtree, system-ui, -apple-system, "Segoe UI", sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #111411;
    --surface-raised: #1a1e19;
    --surface-sunken: #0c0e0c;
    --line: #2c322a;
    --line-strong: #6f7b66;
    --ink: #eef3e6;
    --ink-muted: #a7b49e;
    --primary: #9fcd4a;
    --primary-hover: #b3dc66;
    --on-primary: #111411;
    --brand-deep: #1f4712;
    --on-brand-deep: #eef3e6;
    --accent-soft: #1d3311;
    --highlight: #f9f286;
    --highlight-soft: #2a2a0c;
    --on-highlight: #1f2a1b;
    --info-soft: #13283a;
    --live: #ff7a63;
    --on-live: #111411;
    --wood-ink: #e3a15c;
    --focus-ring: #f9f286;
    --shadow-card: 0 1px 2px rgba(0,0,0,0.4), 0 4px 16px rgba(0,0,0,0.3);
    --shadow-raised: 0 2px 4px rgba(0,0,0,0.5), 0 12px 32px rgba(0,0,0,0.45);
  }
}
:root[data-theme="dark"] {
  --surface: #111411;
  --surface-raised: #1a1e19;
  --surface-sunken: #0c0e0c;
  --line: #2c322a;
  --line-strong: #6f7b66;
  --ink: #eef3e6;
  --ink-muted: #a7b49e;
  --primary: #9fcd4a;
  --primary-hover: #b3dc66;
  --on-primary: #111411;
  --brand-deep: #1f4712;
  --on-brand-deep: #eef3e6;
  --accent-soft: #1d3311;
  --highlight: #f9f286;
  --highlight-soft: #2a2a0c;
  --on-highlight: #1f2a1b;
  --info-soft: #13283a;
  --live: #ff7a63;
  --on-live: #111411;
  --wood-ink: #e3a15c;
  --focus-ring: #f9f286;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.4), 0 4px 16px rgba(0,0,0,0.3);
  --shadow-raised: 0 2px 4px rgba(0,0,0,0.5), 0 12px 32px rgba(0,0,0,0.45);
}