:root{
/* No bounce, no spring, no overshoot. Everything eases out like a page settling. */
--ease-out:cubic-bezier(0.22,0.61,0.36,1); /* @kind other */
--ease-in-out:cubic-bezier(0.45,0.05,0.55,0.95); /* @kind other */
--ease-entrance:cubic-bezier(0.16,0.84,0.44,1); /* @kind other */

--dur-instant:80ms; /* @kind other */
--dur-fast:140ms; /* @kind other */
--dur-base:220ms; /* @kind other */
--dur-slow:380ms; /* @kind other */
--dur-reveal:620ms; /* @kind other */

--transition-control:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out); /* @kind other */
--transition-surface:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out); /* @kind other */
--transition-reveal:opacity var(--dur-reveal) var(--ease-entrance),transform var(--dur-reveal) var(--ease-entrance); /* @kind other */
}