/*
  Design tokens carried forward from the club's existing brand
  (extracted from the live site's theme CSS, not invented).
*/
:root {
  --color-primary: #8fc563;
  --color-primary-dark: #6ca33f;
  --color-primary-light: #abd986;
  --color-accent: #6193b5;
  --color-accent-light: #7abce9;
  --color-accent-dark: #47708a;
  --color-text: #2b2b2b;
  --color-text-muted: #666666;
  --color-border: #d6d6d6;
  --color-surface: #ffffff;
  --color-surface-alt: #f4f4f4;
  --color-header-border: #ededed;

  --font-heading: "Glegoo", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --text-h1: clamp(1.9rem, 1.5rem + 1.8vw, 2.9rem);
  --text-h2: clamp(1.4rem, 1.2rem + 0.8vw, 1.9rem);
  --text-h3: clamp(1.15rem, 1.05rem + 0.4vw, 1.4rem);
  --text-sm: 0.9rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;

  --radius: 8px;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 8px 20px rgba(0, 0, 0, 0.14);
  --shadow-header: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.05);

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --max-width: 1100px;
}