:root {
  --bg: #F3F8EA;
  --bg-deep: #E4EFD3;
  --surface: #FFFFFF;
  --surface-soft: #F9FCF4;
  --ink: #1B2A1C;
  --ink-soft: #44574A;
  --ink-faint: #5E7062;
  --line: #DDE8CC;
  --line-strong: #BFD2A6;
  --primary: #2F7A0A;
  --primary-deep: #225C06;
  --primary-ink: #FFFFFF;
  --primary-soft: #E4F2D3;
  --sun: #FFD23F;
  --sun-soft: #FFF3BF;
  --sun-ink: #3A2A00;
  --pea-blue: #2B4AE0;
  --pea-yellow: #FFD23F;
  --pea-lime: #8FD13F;
  --pea-red: #E5383B;
  --pea-pink: #F06FA8;
  --good: #2F9E44;
  --good-ink: #1B6B1B;
  --warn: #F5A800;
  --warn-ink: #7A4F00;
  --bad: #D9362B;
  --bad-ink: #B3261E;
  --viz-accent: #2B4AE0;
  --viz-goal: #44574A;
  --radius: 18px;
  --radius-small: 10px;
  --font-heading: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}