:root {
  --dur-fast: 160ms; /* @kind other */
  --dur-base: 280ms; /* @kind other */
  --dur-slow: 620ms; /* @kind other */
  --dur-reveal: 900ms; /* @kind other */
  --dur-parallax: 1200ms; /* @kind other */

  /* Everything eases out — no bounce, no elastic, nothing springy */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-out-soft: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */

  --transition-base: all var(--dur-base) var(--ease-out); /* @kind other */
  --transition-color: color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out); /* @kind other */

  --reveal-shift: 28px;   /* translateY distance for scroll reveals */
  --reveal-stagger: 90ms; /* @kind other */
  --hover-lift: -4px; /* @kind other */
  --press-scale: 0.985; /* @kind other */
  --image-zoom: 1.06; /* @kind other */
}