:root{
  /* Calm, weighted motion. No bounce, no spring, no scale-up-on-hover. */
  --ease-standard: cubic-bezier(.22,.61,.36,1); /* @kind other */
  --ease-out-soft: cubic-bezier(.16,1,.3,1); /* @kind other */
  --ease-in-out: cubic-bezier(.65,.05,.36,1); /* @kind other */

  --dur-instant: 120ms; /* @kind other */
  --dur-fast: 200ms; /* @kind other */
  --dur-base: 320ms; /* @kind other */
  --dur-slow: 520ms; /* @kind other */
  --dur-reveal: 900ms; /* @kind other */

  --transition-control: color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), opacity var(--dur-fast) var(--ease-standard); /* @kind other */
  --transition-media: transform var(--dur-slow) var(--ease-out-soft), opacity var(--dur-slow) var(--ease-out-soft); /* @kind other */
}
@media (prefers-reduced-motion: reduce){
  :root{ --dur-fast:1ms; /* @kind other */ --dur-base:1ms; /* @kind other */ --dur-slow:1ms; /* @kind other */ --dur-reveal:1ms; /* @kind other */ }
}