:root {
  /* Colors */
  --color-primary: #a0c172;
  --color-primary-dark: #5c7a3a; /* darkened for AA text contrast on white */
  --color-primary-hover: #8fae62;
  --color-dark: #1c1d1b;
  --color-dark-soft: #2c2d2a;
  --color-emergency: #e0334f;
  --color-emergency-hover: #c22343;
  --color-text: #23241f;
  --color-text-muted: #63655d;
  --color-text-on-dark: #ffffff;
  --color-bg: #ffffff;
  --color-bg-alt: #eeefe7;
  --color-bg-soft: #f1f1ea;
  --color-border: #dcdcd2;

  /* Typography */
  --font-heading: "Manrope", sans-serif;
  --font-body: "Manrope", sans-serif;

  --fs-h1: clamp(2.75rem, 5vw + 1rem, 4.75rem);
  --fs-h2: clamp(2rem, 3vw + 1rem, 3rem);
  --fs-h3: clamp(1.35rem, 1.5vw + 1rem, 1.75rem);
  --fs-h4: 1.15rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-lead: clamp(1.1rem, 1vw + 0.9rem, 1.35rem);

  --lh-heading: 1.08;
  --lh-body: 1.7;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.25rem;
  --space-6: 3.5rem;
  --space-7: 5.5rem;
  --space-8: 8rem;

  /* Layout */
  --radius: 14px;
  --radius-sm: 8px;
  --radius-pill: 999px;
  --border-width: 1px;
  --max-width: 1240px;
  --shadow-sm: 0 1px 3px rgba(20, 20, 15, 0.06);
  --shadow-md: 0 12px 32px rgba(20, 20, 15, 0.1);
  --shadow-lg: 0 24px 60px rgba(20, 20, 15, 0.16);

  --header-height: 84px;
}