/* ─────────────────────────────────────────────
   MOTION — durations & easing
   Short, brisk timings suit the minimal feel.
   Use for transitions/animations on interactive
   elements (hover, press, open/close).
   ───────────────────────────────────────────── */
:root {
  --duration-fast: 120ms;   /* hover, small state changes */
  --duration-base: 200ms;   /* default */
  --duration-slow: 280ms;   /* larger surfaces, overlays */

  --ease-standard: cubic-bezier(0.2, 0, 0, 1);        /* default — ease-out feel */
  --ease-in:       cubic-bezier(0.4, 0, 1, 1);        /* accelerate (exit) */
  --ease-out:      cubic-bezier(0, 0, 0.2, 1);        /* decelerate (enter) */
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1); /* subtle overshoot */
}