:root {
  /* Duration. Nothing bounces. 80 hover · 140 controls · 220 panels · 420 nodes · 720 full transformation */
  --dur-instant: 80ms; /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur-base: 220ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
  --dur-transform: 720ms; /* @kind other */

  /* ---------- Easing ---------- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in: cubic-bezier(0.5, 0, 0.9, 0.2); /* @kind other */
  --ease-linear: linear; /* @kind other */

  /* ---------- Stagger between corresponding nodes ---------- */
  --stagger: 60ms; /* @kind other */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-instant: 0ms; /* @kind other */
    --dur-fast: 0ms; /* @kind other */
    --dur-base: 0ms; /* @kind other */
    --dur-slow: 0ms; /* @kind other */
    --dur-transform: 0ms; /* @kind other */
    --stagger: 0ms; /* @kind other */
  }
}