/* ============================================================
   Pahe Digital — Motion
   Measured, eased, 100–320ms. No bounce, no overshoot.
   Motion should feel considered, never frantic.
   ============================================================ */

:root {
  /* ---------- Duration ---------- */
  --duration-instant: 100ms; /* @kind other */
  --duration-fast: 160ms;    /* @kind other */
  --duration-base: 220ms;    /* @kind other */
  --duration-slow: 320ms;    /* @kind other */

  /* ---------- Easing — calm, no overshoot (general/entrances/exits/signature) ---------- */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.0, 0.0, 0.2, 1); /* @kind other */
  --ease-in: cubic-bezier(0.4, 0.0, 1, 1); /* @kind other */
  --ease-measured: cubic-bezier(0.32, 0.0, 0.18, 1); /* @kind other */

  /* ---------- Common transitions ---------- */
  --transition-color: color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard); /* @kind other */
  --transition-transform: transform var(--duration-base) var(--ease-measured); /* @kind other */
  --transition-base: all var(--duration-base) var(--ease-standard); /* @kind other */
}