/* ==========================================================================
   Motion tokens
   Every component transition references these. Reduced-motion is handled
   globally in reset.css and re-affirmed per component.
   ========================================================================== */

:root {
  --pf-dur-fast: 120ms;
  --pf-dur: 200ms;
  --pf-dur-slow: 320ms;

  /* Expressive-but-restrained easing */
  --pf-ease: cubic-bezier(0.2, 0, 0, 1);
  --pf-ease-out: cubic-bezier(0, 0, 0, 1);
  --pf-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --pf-dur-fast: 0.01ms;
    --pf-dur: 0.01ms;
    --pf-dur-slow: 0.01ms;
  }
}