:root {
  --color-primary: #007050;
  --color-primary-dark: #005938;
  --color-primary-soft: #e6f3ef;
  --color-secondary: #11568c;
  --color-secondary-dark: #083f69;
  --color-secondary-soft: #dfeaf3;
  --color-accent: #ffba00;
  --color-text: #24384a;
  --color-muted: #667788;
  --color-bg: #f2f6f9;
  --color-surface: #ffffff;
  --color-surface-alt: #edf4f8;
  --color-border: #cfdae4;
  --color-success: #0c7a5d;
  --color-warning: #d29200;
  --color-dark: #0f1720;
  --font-family-heading: "Montserrat", "Segoe UI", sans-serif;
  --font-family-base: "Source Sans 3", "Segoe UI", sans-serif;
  --font-size-xs: 0.875rem;
  --font-size-sm: 1rem;
  --font-size-base: 1.125rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: clamp(2rem, 4vw, 3.5rem);
  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 5rem;
  --radius-sm: 0.5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --shadow-sm: 0 0.5rem 1rem rgba(15, 23, 32, 0.06);
  --shadow-md: 0 1rem 2.5rem rgba(17, 86, 140, 0.12);
  --shadow-lg: 0 1.5rem 3rem rgba(15, 23, 32, 0.16);
  --container-max: 1200px;
  --transition-base: 220ms ease;
  --section-padding: clamp(3.5rem, 6vw, 6rem);
}