:root{
/* radius scale: sharp (0/2) or soft (4/8) — themes pick */
--radius-1:0px;
--radius-2:2px;
/* one shadow token, for genuinely floating things only (menus, dialogs) */
--shadow-float:0 8px 24px rgba(20,22,26,.16);
/* motion: two durations, one easing */
--motion-fast:150ms; /* @kind other */
--motion-standard:300ms; /* @kind other */
--ease:cubic-bezier(.2,0,0,1); /* @kind other */
/* intensity scales amplitude, not duration: gentle 0 / standard 8px / punchy 16px */
--motion-rise:8px;
}
@media (prefers-reduced-motion:reduce){:root{--motion-rise:0px;--motion-fast:0ms; /* @kind other */--motion-standard:0ms /* @kind other */}}