:root {
  --brand-900: #0c2e26;
  --brand-800: #134238;
  --brand-700: #1a5c4a;
  --brand-600: #247a62;
  --brand-500: #2d8a6e;
  --teal-800: #0f3d3a;
  --teal-700: #165a54;
  --accent-500: #e6a817;
  --accent-400: #f0c04a;
  --accent-200: #fce8b0;
  --surface-50: #f4faf7;
  --surface-100: #e8f3ee;
  --surface-200: #cfe5db;
  --ink-muted: #3a4f48;
  --ink-body: #2a3d37;
  --card-bg: #ffffff;
  --card-border: rgba(12, 46, 38, 0.14);
  --white: #ffffff;
  --success: #2d7a4f;
  --error: #b53a3a;

  --font-display: "Outfit", system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, sans-serif;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  --container-max: 72rem;
  --header-height: 4.5rem;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 2px 8px rgba(12, 46, 38, 0.06);
  --shadow-md: 0 8px 24px rgba(12, 46, 38, 0.1);
  --shadow-header: 0 2px 16px rgba(12, 46, 38, 0.08);
  --transition: 0.25s ease;
  --transition-fast: 0.18s ease;
  --z-header: 100;
  --z-nav-backdrop: 99;
  --z-dropdown: 50;
  --z-float: 200;
  --z-cookie: 300;
  --mobile-cta-bar: 4.75rem;
}