/* Motion is confirmation, not entertainment. 150–200ms, ease-out, and only in
   response to something the user did. Nothing lifts, scales, or casts a shadow. */
:root{
  --duration-fast:150ms; /* @kind other */
  --duration-panel:200ms; /* @kind other */
  --duration-count:600ms; /* @kind other */ /* the one scroll-triggered exception: a stat counting up once */
  --ease-out:ease-out; /* @kind other */
  --transition-color:color var(--duration-fast) var(--ease-out); /* @kind other */
  --transition-tint:background-color var(--duration-fast) var(--ease-out); /* @kind other */
  --transition-panel:opacity var(--duration-panel) var(--ease-out),transform var(--duration-panel) var(--ease-out); /* @kind other */
}
@media (prefers-reduced-motion:reduce){
  :root{--duration-fast:0ms; /* @kind other */ --duration-panel:0ms; /* @kind other */ --duration-count:0ms; /* @kind other */}
}