/* Clees & Ernster — Motion tokens
   Mirrors the GSAP presets in motion/ce-motion.js. Calm, precise, no bounce. */
:root{
  --dur-micro:.2s; /* @kind other */      /* hover, color, focus (CSS) */
  --dur-short:.4s; /* @kind other */      /* small reveals, tags, buttons */
  --dur-base:.6s; /* @kind other */       /* cards, headings */
  --dur-long:.8s; /* @kind other */       /* hero, large panels */
  --dur-count:1.6s; /* @kind other */     /* KPI count-up */

  --ease-out:cubic-bezier(.215,.61,.355,1); /* @kind other */      /* GSAP power3.out */
  --ease-expo:cubic-bezier(.19,1,.22,1); /* @kind other */         /* GSAP expo.out */
  --ease-in-out:cubic-bezier(.645,.045,.355,1); /* @kind other */  /* GSAP power3.inOut — line draws */
  --ease-linear:linear; /* @kind other */

  --stagger-tight:.06s; /* @kind other */  /* tags, list rows */
  --stagger:.08s; /* @kind other */        /* cards */
  --stagger-loose:.12s; /* @kind other */  /* hero lines */

  --distance-s:12px; /* @kind other */
  --distance-m:24px; /* @kind other */
  --distance-l:48px; /* @kind other */
  --parallax-max:12%; /* @kind other */
}
@media (prefers-reduced-motion:reduce){
  :root{--distance-s:0; /* @kind other */ --distance-m:0; /* @kind other */ --distance-l:0; /* @kind other */ --parallax-max:0; /* @kind other */ --dur-count:0s; /* @kind other */}
}