/* Motion is short and soft: fade + a small upward slide on mount
   (framer-motion y:20 → 0), colour transitions on hover, a 500ms fill on
   progress bars. Nothing bounces, nothing spins except the loading dot. */
:root {
  --duration-fast: 150ms; /* @kind other */
  --duration-base: 200ms; /* @kind other */
  --duration-slow: 300ms; /* @kind other */
  --duration-progress: 500ms; /* @kind other */
  --ease-out: cubic-bezier(0, 0, 0.2, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --enter-offset-y: 20px;
  --enter-offset-y-sm: 8px;
  --transition-colors: color var(--duration-fast) var(--ease-in-out), background-color var(--duration-fast) var(--ease-in-out), border-color var(--duration-fast) var(--ease-in-out);
}