:root {
  /* Colors */
  --dark-green: #1B4332;
  --mid-green: #2D6A4F;
  --accent-green: #52B788;
  --bg-light-green: #F1F8EE;
  --bg-sage: #D8EDD5;
  --bg-sage-deep: #B7D4B0;
  --bg-white: #FFFFFF;
  --text-dark: #14201A;
  --text-muted: #5C6B5E;
  --border-soft: #DCEFD9;
  --red-accent: #C0392B;
  --red-bg: #FDF2F1;
  --green-check-bg: #EDF7F0;
  --accent-orange: #E86014;
  --accent-orange-soft: #FFF4ED;

  /* Typography */
  --font-heading: 'Fraunces', 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Scale */
  --text-base: 1rem;
  --text-sm: 0.875rem;
  --text-xs: 0.75rem;
  --h1: clamp(2rem, 4vw, 2.75rem);
  --h2: clamp(1.75rem, 3vw, 2.25rem);
  --h3: clamp(1.35rem, 2.5vw, 1.75rem);
  --h4: 1.25rem;

  /* Spacing */
  --section-padding: clamp(3.5rem, 8vw, 6rem);
  --container-max: 1200px;
  --container-padding: clamp(1rem, 4vw, 2rem);

  /* Radius & shadows */
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --shadow-soft: 0 4px 24px rgba(27, 67, 50, 0.08);
  --shadow-card: 0 8px 32px rgba(27, 67, 50, 0.1);
  --shadow-hover: 0 16px 48px rgba(27, 67, 50, 0.14);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;

  /* Navbar */
  --nav-height: 80px;
  --nav-height-scrolled: 64px;
}