/* ============================================================
   MagpieToolbox - Motion tokens
   Calm, quick, confident. Fades + small lifts, one playful
   spring for the mascot / success moments. Never bouncy on
   primary UI. Always respect prefers-reduced-motion.

   Durations:  instant 80 / fast 140 (hovers) / base 220 (default)
               / slow 360 (reveals) / slower 560 (hero)
   Easings:    out (default decelerate) / in-out / emphatic
               (big reveals) / spring (playful pop: mascot, success)
   ============================================================ */

:root {
  --dur-instant: 80ms;   /* @kind other */
  --dur-fast:    140ms;  /* @kind other */
  --dur-base:    220ms;  /* @kind other */
  --dur-slow:    360ms;  /* @kind other */
  --dur-slower:  560ms;  /* @kind other */

  --ease-out:      cubic-bezier(0.22, 0.8, 0.28, 1);  /* @kind other */
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);    /* @kind other */
  --ease-emphatic: cubic-bezier(0.16, 1, 0.3, 1);     /* @kind other */
  --ease-spring:   cubic-bezier(0.34, 1.5, 0.5, 1);   /* @kind other */

  /* default transition shorthands */
  --transition-colors: color var(--dur-fast) var(--ease-out),
                       background-color var(--dur-fast) var(--ease-out),
                       border-color var(--dur-fast) var(--ease-out),
                       box-shadow var(--dur-fast) var(--ease-out);  /* @kind other */
  --transition-transform: transform var(--dur-base) var(--ease-out);  /* @kind other */
}