/* Design tokens — dark default, light via [data-theme="light"] */
:root {
  color-scheme: dark;
  --font-body: 'Archivo', system-ui, sans-serif;
  --font-display: 'Chakra Petch', sans-serif;
  --bg: #0a0c0d;
  --bg2: #101315;
  --panel: #16191c;
  --panel2: #1c2024;
  --line: rgba(255, 255, 255, 0.09);
  --line2: rgba(255, 255, 255, 0.16);
  --fg: #f3f5f6;
  --fg2: #aab2b7;
  --fg3: #7a8389;
  --green: #009e45;
  --green-b: #1ec96a;
  --green-d: #017a36;
  --btn-green-bg: #007d38;
  --yellow: #ffe21f;
  --yellow-d: #e6c200;
  --error: #ff6b6b;
  --on-green: #fff;
  --on-yellow: #111;
  --legacy-bar-h: 34px;
  --r: 14px;
  --r-sm: 8px;
  --maxw: 1200px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.7);
  --header-scrolled-bg: rgba(10, 12, 13, 0.82);
  --footer-bg: #070809;
  --mobile-menu-bg: rgba(8, 10, 11, 0.97);
  --surface-shine: rgba(255, 255, 255, 0.03);
  --surface-hover: rgba(255, 255, 255, 0.03);
  --hero-grid-line: rgba(255, 255, 255, 0.03);
  --hero-speedline: rgba(255, 255, 255, 0.025);
  --hero-ring: rgba(255, 255, 255, 0.1);
  --hero-glow-1: rgba(0, 158, 69, 0.55);
  --hero-glow-2: rgba(255, 226, 31, 0.18);
  --hero-text-glow: rgba(30, 201, 106, 0.45);
  --map-bg: #0d0f11;
  --map-grid: rgba(255, 255, 255, 0.045);
  --map-line: rgba(255, 255, 255, 0.02);
  --map-radial: rgba(0, 158, 69, 0.24);
  --lightbox-bg: rgba(5, 6, 7, 0.95);
  --overlay-soft: rgba(255, 255, 255, 0.06);
  --map-cta-bg: rgba(0, 0, 0, 0.55);
  --map-cta-fg: #fff;
  --lightbox-fg: #fff;
  --club-icon: rgba(255, 255, 255, 0.04);
  --sched-w-accent: #fff;
  --sched-w-age-bg: rgba(255, 255, 255, 0.1);
  --sched-w-age-color: #fff;
  --sched-w-dot: #fff;
  --green-tint: rgba(0, 158, 69, 0.08);
  --green-tint-md: rgba(0, 158, 69, 0.14);
  --green-tint-strong: rgba(0, 158, 69, 0.1);
  --green-tint-hover: rgba(0, 158, 69, 0.14);
  --yellow-tint: rgba(255, 226, 31, 0.16);
  --chip-bg: #fff;
  --chip-shadow: 0 6px 18px -8px rgba(0, 0, 0, 0.6);
  --img-shadow: drop-shadow(0 40px 70px rgba(0, 0, 0, 0.65));
  --gallery-overlay: rgba(0, 0, 0, 0.55);
  --loc-away-bg: rgba(255, 255, 255, 0.07);
}

[data-theme='light'] {
  color-scheme: light;
  --bg: #f4f6f7;
  --bg2: #e9edef;
  --panel: #ffffff;
  --panel2: #f8f9fa;
  --line: rgba(10, 20, 24, 0.1);
  --line2: rgba(10, 20, 24, 0.16);
  --fg: #14191c;
  --fg2: #465056;
  --fg3: #5f6a71;
  --green: #007a38;
  --green-b: #009e45;
  --green-d: #006830;
  --btn-green-bg: var(--green);
  --yellow: #c9a800;
  --yellow-d: #a88900;
  --error: #c62828;
  --shadow: 0 20px 50px -18px rgba(10, 24, 18, 0.14);
  --header-scrolled-bg: rgba(244, 246, 247, 0.9);
  --footer-bg: #e3e7ea;
  --mobile-menu-bg: rgba(244, 246, 247, 0.98);
  --surface-shine: rgba(0, 158, 69, 0.04);
  --surface-hover: rgba(0, 158, 69, 0.06);
  --hero-grid-line: rgba(0, 50, 30, 0.06);
  --hero-speedline: rgba(0, 50, 30, 0.035);
  --hero-ring: rgba(0, 158, 69, 0.2);
  --hero-glow-1: rgba(0, 158, 69, 0.2);
  --hero-glow-2: rgba(201, 168, 0, 0.28);
  --hero-text-glow: rgba(0, 158, 69, 0.2);
  --map-bg: #dce3e6;
  --map-grid: rgba(0, 60, 40, 0.08);
  --map-line: rgba(0, 60, 40, 0.05);
  --map-radial: rgba(0, 158, 69, 0.18);
  --lightbox-bg: rgba(20, 25, 28, 0.92);
  --overlay-soft: rgba(0, 0, 0, 0.05);
  --map-cta-bg: rgba(255, 255, 255, 0.92);
  --map-cta-fg: var(--fg);
  --lightbox-fg: #fff;
  --club-icon: rgba(0, 158, 69, 0.08);
  --sched-w-accent: var(--fg);
  --sched-w-age-bg: rgba(20, 25, 28, 0.08);
  --sched-w-age-color: var(--fg);
  --sched-w-dot: var(--fg);
  --green-tint: rgba(0, 158, 69, 0.08);
  --green-tint-md: rgba(0, 158, 69, 0.12);
  --green-tint-strong: rgba(0, 158, 69, 0.1);
  --green-tint-hover: rgba(0, 158, 69, 0.14);
  --yellow-tint: rgba(201, 168, 0, 0.14);
  --chip-shadow: 0 6px 18px -8px rgba(0, 40, 20, 0.1);
  --img-shadow: drop-shadow(0 24px 40px rgba(0, 40, 20, 0.16));
  --gallery-overlay: rgba(0, 0, 0, 0.45);
  --loc-away-bg: rgba(20, 25, 28, 0.06);
}