/* ============================================================
   THE MEP SHOP — MOTION TOKENS
   Functional, snappy, no bounce. Reflects the "precise" tone.
   ============================================================ */

:root {
  /* ---- Duration ---- */
  --dur-instant: 80ms;  /* @kind other */
  --dur-fast:    140ms; /* @kind other */ /* hovers, taps */
  --dur-base:    220ms; /* @kind other */ /* default transitions */
  --dur-slow:    360ms; /* @kind other */ /* panels, drawers */
  --dur-slower:  560ms; /* @kind other */ /* carousels, hero */

  /* ---- Easing ---- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);    /* @kind other */ /* enter/move */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */ /* settle */
  --ease-in:       cubic-bezier(0.4, 0, 1, 1);    /* @kind other */ /* exit */
  --ease-linear:   linear; /* @kind other */

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