:root {
  --brand-forest: #163F35;
  --brand-green: #58B88A;
  --brand-mint: #E5F4EB;
  --brand-ivory: #F8FAF5;
  --brand-coral: #F17D68;
  --color-background: var(--brand-ivory);
  --color-text: var(--brand-forest);
  --color-surface: #FFFFFF;
  --color-panel: var(--brand-mint);
  --color-border: #C6DDD1;
  --color-action: var(--brand-forest);
  --color-action-text: var(--brand-ivory);
  --font-heading: 'Manrope', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --radius-button: 10px;
  --radius-card: 16px;
  --brand-muted: #5C7972;
  --brand-forest-deep: #0E2B23;
  --brand-coral-deep: #8C3F2E;
  --brand-coral-tint: #FBE9E4;
  --color-muted: #5C7972;
  --color-action-hover: #0E2B23;
  --color-error: #8C3F2E;
  --color-error-tint: #FBE9E4;
  --content-max-width: 1200px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
}