:root {
  /* Backgrounds */
  --color-bg-page:      #EDE8DC;
  --color-bg-surface:   #FFFFFF;
  --color-bg-dark:      #2F3D2A;
  --color-bg-muted:     #8A9A7A;

  /* Brand */
  --color-primary:      #2F3D2A;
  --color-accent:       #C9A227;
  --color-accent-hover: #A88220;

  /* Text */
  --color-text-body:    #3D3D3D;
  --color-text-muted:   #6B6B6B;
  --color-text-light:   #FFFFFF;
  --color-text-heading: #2F3D2A;

  /* Category tags */
  --color-tag-online:   #C9A227;
  --color-tag-irl:      #2F3D2A;
  --color-tag-season:   #6B8A5E;

  /* Borders */
  --color-border: rgba(47, 61, 42, 0.18);

  /* Typography */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'Lato', system-ui, sans-serif;
  --font-script:  'Dancing Script', cursive;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;
  --text-3xl:  2.75rem;
  --text-4xl:  3.5rem;

  --leading-tight:  1.2;
  --leading-normal: 1.6;
  --leading-loose:  1.8;

  --weight-normal: 400;
  --weight-bold:   700;

  /* Spacing */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  80px;
  --space-10: 120px;

  --container-max:    1200px;
  --container-pad:    var(--space-6);
  --grid-gap:         var(--space-5);
  --section-pad-v:    var(--space-9);
  --section-pad-v-sm: var(--space-7);

  /* Borders & radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-pill: 999px;

  --shadow-card:  0 2px 8px rgba(0, 0, 0, 0.08), 0 0 0 1px var(--color-border);
  --shadow-modal: 0 8px 40px rgba(0, 0, 0, 0.18);

  --transition-base: 180ms ease;
}