:root{
/* Motion is minimal and mechanical: things snap, they do not float or bounce.
   Duration ceiling is 200ms. No spring easing, no scale-up entrances. */
--dur-instant:80ms; /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:160ms; /* @kind other */
--dur-slow:200ms; /* @kind other */
--ease-out:cubic-bezier(0.2,0,0.2,1); /* @kind other */
--ease-in-out:cubic-bezier(0.4,0,0.2,1); /* @kind other */
--ease-snap:cubic-bezier(0.3,0,0,1); /* @kind other */

--transition-hover:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);
--transition-press:transform var(--dur-instant) var(--ease-snap),box-shadow var(--dur-instant) var(--ease-snap);

/* Press behaviour: the element travels into its own hard shadow */
--press-offset:2px;
}
@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 */
}}