@font-face {
  font-family: Outfit;
  src: url("/assets/fonts/outfit-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}
:root {
  --color-text-primary: #153f35;
  --color-text-muted: #53635b;
  --color-background: #f7f8f2;
  --color-surface: #fff;
  --color-accent: #dcf299;
  --color-sage: #e6edde;
  --color-border: #d4ddd0;
  --color-error: #a12b20;
  --color-focus: #376f40;
  --color-dark: #153f35;
  --font-body: Outfit, Arial, sans-serif;
  --text-small: 0.875rem;
  --text-body: 1.0625rem;
  --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: 4rem;
  --space-section: clamp(3rem, 6vw, 5rem);
  --radius-small: 0.6rem;
  --radius-medium: 0.75rem;
  --radius-large: 1rem;
  --container: 1240px;
  --duration-micro: 180ms;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
}