:root {
  --green: #00c661;
  --green-dark: #004d23;
  --ink: #1e1e1e;
  --black: #000;
  --paper: #f7f7f7;
  --white: #fff;
  --muted: #59595b;
  --line: #d1d5d1;
  --green-pale: #c1ecc6;
  --green-wash: #e4f4e7;
  --yellow-pale: #fff3b6;
  --error: #a51d2d;
  --pink: #ebc9ed;
  --mist: #f3edf2;
  --green-glow: #92e1b5;
  --green-overlay: #00c661d9;
  --pink-soft: #f3eaf3;
  --green-glow-soft: #9ce5c3b3;
  --shadow: #0003;
  --backdrop: #0008;
  --footer-rule: #ffffff66;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;
  --space-12: 96px;
  --gutter: clamp(24px, 4.445vw, 64px);
  --content: 1312px;
  --section-space: clamp(48px, 4.445vw, 64px);
  --type-hero: clamp(2.75rem, 6.112vw, 5.5rem);
  --type-page: clamp(2.5rem, 5vw, 4.5rem);
  --type-section: clamp(1.875rem, 3.056vw, 2.75rem);
  --type-card: clamp(1.1875rem, 1.667vw, 1.5rem);
  --type-body: 1rem;
  --type-label: 0.75rem;
  --transition: 150ms ease-out;
}
@media (max-width: 767px) { :root { --gutter: 24px; } }