:root {
  /* Brand core - from Pantone 544C, 554C, 7565C swatches */
  /* PRIMARY: earthy olive sampled directly from the approved mockup (header/hero/footer) */
  --color-olive: #3A402D;
  --color-olive-dark: #262B1D;
  --color-olive-light: #565D42;
  --color-teal: #2E6B7A;
  --color-teal-dark: #1F4B57;
  --color-teal-light: #4A8FA0;
  --color-sky: #BDD6E6;
  --color-sky-dark: #96BFD6;

  /* Muted warm-grey - sampled from the mockup's stat band, not a saturated color */
  --color-stone: #E7E7E1;
  --color-stone-dark: #C7C7BE;

  /* SECONDARY: 554C forest green, supporting accent */
  --color-forest: #205C40;
  --color-forest-dark: #163F2C;
  --color-forest-light: #2D7A54;

  /* ACCENT: 7565C rust/terracotta - corrected to match actual PDF swatch pixel value */
  --color-rust: #954F2E;
  --color-rust-dark: #743D23;
  --color-rust-light: #B28068;

  --color-white: #FFFFFF;
  --color-cream: #FAF8F4;
  --color-charcoal: #1A2420;
  --color-charcoal-soft: #3D473F;

  /* Sage/olive - sampled directly from the logo illustration (wind turbines) */
  --color-sage: #A1AA88;
  --color-sage-dark: #7C8768;
  --color-sage-light: #C1C9AB;

  /* Deep figure green - sampled from the logo illustration (people silhouettes) */
  --color-deep-green: #3C4F43;

  /* Type */
  --font-display: 'Urbanist', 'Arial Black', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Spacing scale */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 10rem;

  /* Radii */
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;

  /* Motion */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.65, 0, 0.35, 1);
}