/* ── Mauvely motion ──────────────────────────────────────────────────
   Short, soft, no bounce in UI chrome. --ease-spring is reserved for
   celebratory learner moments (lesson complete, streak, correct answer). */
:root{
  --dur-instant:80ms; /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:180ms; /* @kind other */
  --dur-slow:280ms; /* @kind other */
  --dur-page:420ms; /* @kind other */

  --ease-out:cubic-bezier(0.22,0.61,0.36,1); /* @kind other */
  --ease-in-out:cubic-bezier(0.4,0,0.2,1); /* @kind other */
  --ease-spring:cubic-bezier(0.34,1.4,0.64,1); /* @kind other */

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