/* GENERATED by build-css.mjs from tokens.ts + motion.ts. Do not edit by hand. */
:root {
  /* spacing — 4px grid, Fibonacci progression */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 20px;
  --space-5: 32px;
  --space-6: 52px;
  --space-7: 84px;
  --space-8: 136px;
  /* type — body ramp fixed, display ramp fluid */
  --text-xs: 13px;
  --text-sm: 16px;
  --text-md: 19px;
  --text-lg: 23px;
  --display-1: clamp(28px, 2.43vw, 35px);
  --display-2: clamp(35px, 3.61vw, 52px);
  --display-3: clamp(44px, 5.42vw, 78px);
  --display-4: clamp(55px, 8.13vw, 117px);
  /* line height — fixed per ramp */
  --leading-display: 1.1;
  --leading-lg: 1.5;
  --leading-md: 1.6;
  --leading-sm: 1.6;
  --leading-xs: 1.6;
  --measure: 66ch;
  /* motion — curves are the signature and never scale per brand */
  --ease-entrance: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-exit: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-standard: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-1: 120ms;
  --dur-2: 240ms;
  --dur-3: 420ms;
  --dur-4: 720ms;
  --stagger: 60ms;
  /* themes override this to shift tempo; 1 = neutral */
  --motion-scale: 1;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-1: 120ms;
    --dur-2: 120ms;
    --dur-3: 120ms;
    --dur-4: 120ms;
    --stagger: 0ms;
  }
}