:root {
  /* Brand spectrum */
  --forest-1000: #071e18;
  --forest-950: #0a2a21;
  --forest-900: #103c2f;
  --forest-800: #18503e;
  --forest-700: #23664c;
  --leaf-600: #4c8c45;
  --leaf-500: #6ba653;
  --leaf-400: #8ec268;
  --pistachio: #c9e77a;
  --sage-100: #e8f0e1;
  --sage-50: #f2f5ed;
  --ivory: #fbf8ef;
  --cream: #f7f1e4;
  --sand: #e8ddc9;
  --paper: #fffefa;
  --tomato: #d75443;
  --coral: #eb735f;
  --gold: #e9b94e;
  --charcoal: #17231f;
  --slate: #52605a;
  --muted: #6e7974;
  --line: #d9d7ca;
  --line-dark: rgb(255 255 255 / .16);

  /* Elevation, radius, rhythm */
  --shadow-soft: 0 12px 34px rgb(10 42 33 / .09);
  --shadow-mid: 0 24px 64px rgb(10 42 33 / .16);
  --shadow-deep: 0 42px 100px rgb(7 30 24 / .28);
  --radius-xs: .55rem;
  --radius-sm: .8rem;
  --radius-md: 1.35rem;
  --radius-lg: 2.4rem;
  --radius-xl: 4rem;
  --radius-pill: 999px;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 7rem;
  --space-10: 9.5rem;
  --container: 82rem;
  --narrow: 47rem;
  --header: 5.25rem;
  --ease-out: 260ms cubic-bezier(.2,.75,.2,1);
  --ease-spring: 520ms cubic-bezier(.18,.9,.22,1.18);
  --z-header: 50;
  --z-menu: 45;

  /* Font-ready system stacks */
  --font-display: "Avenir Next", "Segoe UI Variable Display", "Segoe UI", sans-serif;
  --font-body: Inter, "Segoe UI Variable Text", "Segoe UI", Arial, sans-serif;
  --step--1: clamp(.76rem, .73rem + .15vw, .86rem);
  --step-0: clamp(.97rem, .92rem + .18vw, 1.07rem);
  --step-1: clamp(1.16rem, 1.04rem + .48vw, 1.46rem);
  --step-2: clamp(1.48rem, 1.22rem + .9vw, 2.08rem);
  --step-3: clamp(2.05rem, 1.55rem + 1.65vw, 3.2rem);
  --step-4: clamp(3rem, 2.1rem + 3.2vw, 5.9rem);
  --step-5: clamp(3.7rem, 2.45rem + 4.8vw, 7.25rem);
}