/**
 * Golf Advisor V14 Design System
 * Foundation tokens only. Page migrations should consume these variables
 * instead of introducing one-off values.
 */
:root {
  color-scheme: light;

  --ga-color-forest-950: #0b241a;
  --ga-color-forest-900: #123426;
  --ga-color-forest-800: #184431;
  --ga-color-forest-700: #235640;
  --ga-color-forest-100: #e4eee8;
  --ga-color-gold-600: #a98535;
  --ga-color-gold-500: #c3a154;
  --ga-color-gold-100: #f3ead5;
  --ga-color-ivory: #faf8f3;
  --ga-color-surface: #ffffff;
  --ga-color-surface-alt: #f3f2ed;
  --ga-color-stone-950: #181b19;
  --ga-color-stone-700: #4d544f;
  --ga-color-stone-500: #747b76;
  --ga-color-stone-300: #c9ccc8;
  --ga-color-border: #e4e2da;
  --ga-color-danger: #a33c33;
  --ga-color-success: #26704b;

  --ga-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ga-font-display: Georgia, "Times New Roman", serif;

  --ga-text-xs: .75rem;
  --ga-text-sm: .875rem;
  --ga-text-base: 1rem;
  --ga-text-lg: 1.125rem;
  --ga-text-xl: 1.375rem;
  --ga-text-2xl: clamp(1.65rem, 2.6vw, 2.25rem);
  --ga-text-3xl: clamp(2rem, 4vw, 3.5rem);
  --ga-text-hero: clamp(2.75rem, 7vw, 5.75rem);

  --ga-leading-tight: 1.08;
  --ga-leading-heading: 1.18;
  --ga-leading-body: 1.65;

  --ga-space-1: .5rem;
  --ga-space-2: 1rem;
  --ga-space-3: 1.5rem;
  --ga-space-4: 2.5rem;
  --ga-space-5: 4rem;
  --ga-space-6: 6rem;

  --ga-radius-sm: .75rem;
  --ga-radius-md: 1.125rem;
  --ga-radius-lg: 1.5rem;
  --ga-radius-xl: 2rem;
  --ga-radius-pill: 999px;

  --ga-shadow-sm: 0 1px 2px rgba(11, 36, 26, .06), 0 8px 24px rgba(11, 36, 26, .05);
  --ga-shadow-md: 0 16px 40px rgba(11, 36, 26, .10);
  --ga-shadow-lg: 0 24px 70px rgba(11, 36, 26, .16);

  --ga-duration-fast: 160ms;
  --ga-duration-base: 240ms;
  --ga-ease-out: cubic-bezier(.2, .8, .2, 1);

  --ga-container: 1280px;
  --ga-container-reading: 760px;
  --ga-gutter: clamp(1rem, 3vw, 2rem);
  --ga-header-height: 76px;

  /* Compatibility aliases used by the existing theme layer. */
  --ga-primary: var(--ga-color-forest-900);
  --ga-primary-hover: var(--ga-color-forest-800);
  --ga-accent: var(--ga-color-gold-500);
  --ga-bg: var(--ga-color-ivory);
  --ga-card: var(--ga-color-surface);
  --ga-text: var(--ga-color-stone-950);
  --ga-muted: var(--ga-color-stone-500);
  --ga-border: var(--ga-color-border);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.ga-v14 {
  background: var(--ga-color-ivory);
  color: var(--ga-color-stone-950);
  font-family: var(--ga-font-sans);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.ga-v14 ::selection {
  background: var(--ga-color-gold-100);
  color: var(--ga-color-forest-950);
}
body.ga-v14 img,
body.ga-v14 video { max-width: 100%; }
body.ga-v14 :focus-visible {
  outline: 3px solid color-mix(in srgb, var(--ga-color-gold-500) 75%, white);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* Golf Advisor Corporate Design V1.0 */
:root {
  --ga-brand-primary: #123426;
  --ga-brand-primary-deep: #0b241a;
  --ga-brand-primary-soft: #184431;
  --ga-brand-gold: #c3a154;
  --ga-brand-gold-deep: #a98535;
  --ga-brand-ivory: #faf8f3;
}
.brand-logo img,
.ga-nav-brand img,
.ga-mobile-drawer__head img,
.admin-logo img { object-fit: contain; }
.brand-logo img { width: min(248px, 44vw); height: auto; }
@media (max-width: 620px) {
  .brand-logo img { width: 196px; }
}