:root {
  /* Typography -- swap when brand confirmed */
  --font-heading: 'Fraunces', Georgia, serif;
  --font-body: 'Inter', system-ui, sans-serif;

  /* Colors -- placeholders until brand is confirmed */
  --color-bg: #FAF8F5;
  --color-text: #1A1A1A;
  /* #777777 failed WCAG AA on both backgrounds (4.22:1 and 4.48:1) and is used
     at 15px in ~20 rules. #6F6F6F clears AA at 4.74:1 and 5.02:1. */
  --color-text-muted: #6F6F6F;
  --color-accent: #2D5016;       /* [BRAND ACCENT COLOR] — REPLACE when brand arrives */
  --color-accent-alt: #8B6914;   /* [BRAND ALT COLOR] — REPLACE when brand arrives */
  --color-accent-hover: #3d6b1f;
  --color-surface: #FFFFFF;
  --color-border: #E0E0E0;
  --color-overlay: rgba(0, 0, 0, 0.55);
  --color-hero-overlay: rgba(20, 30, 15, 0.48);

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 32px;
  --space-xl: 64px;
  --space-2xl: 96px;

  /* Layout */
  --max-width: 1200px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Nav */
  --nav-height: 72px;

  /* Transitions */
  --transition: 220ms ease;
}