@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../assets/fonts/PlusJakartaSans-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  color-scheme: light;
  --forest: #176545;
  --forest-hover: #104d34;
  --ink: #18362c;
  --mint: #e5f3eb;
  --mint-deep: #c6e2d0;
  --lime: #ddf3b7;
  --paper: #fff;
  --surface: #f7f9f7;
  --muted: #63736b;
  --line: #e3eae5;
  --lavender: #f0edf7;
  --peach: #fcf1e8;
  --error: #a72e35;
  --font: "Plus Jakarta Sans", sans-serif;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-title: clamp(1.85rem, 3.3vw, 2.625rem);
  --text-hero: clamp(2.75rem, 5.1vw, 4.75rem);
  --radius-control: 12px;
  --radius-card: 12px;
  --radius-stage: 24px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-22: 88px;
  --shell: 1280px;
  --shadow-float: 0 18px 45px rgb(24 54 44 / 10%);
  --shadow-drawer: -12px 0 60px rgb(24 54 44 / 12%);
  --ease: cubic-bezier(.2, .8, .2, 1);
}