/* MOTION — restrained. Colour/opacity/transform fades only; nothing bounces, nothing slides far. */
:root {
  --dur-instant: 80ms; /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 180ms; /* @kind other */
  --dur-slow: 240ms; /* @kind other */

  --ease-standard: cubic-bezier(0.2, 0.6, 0.3, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1); /* @kind other */

  --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-shadow: box-shadow var(--dur-base) var(--ease-standard); /* @kind other */
  --transition-meter: width var(--dur-slow) var(--ease-out); /* @kind other */
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-instant: 0ms; /* @kind other */
    --dur-fast: 0ms; /* @kind other */
    --dur-base: 0ms; /* @kind other */
    --dur-slow: 0ms; /* @kind other */
  }
}