:root {
  --color-bg: #F7F4EF;
  --color-surface: #FFFFFF;
  --color-ink: #2A322C;
  --color-muted: #667068;
  --color-brand: #4F7A5A;
  --color-brand-2: #A8C4AE;
  --color-accent: #C4724A;
  --color-border: #E0DAD0;
  --color-footer: #2A322C;
  --color-ok: #4F7A5A;
  --color-warn: #C4724A;
  --font-display: "Nunito Sans", system-ui, sans-serif;
  --font-body: "Nunito Sans", system-ui, sans-serif;
  --radius: 12px;
  --measure: 1120px;
  --avatar-radius: 50%;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;
  --header-h: 64px;
  --page-pad: clamp(1rem, 4vw, 2rem);

}

/* Soften tint panels — brand-2 full bleed is too heavy */
.section--tint {
  background: color-mix(in srgb, var(--color-brand-2) 35%, var(--color-bg));
}
.cta-band {
  background: var(--color-brand);
}