Motion

Four durations × two eases — every animation in the system maps to one of these tokens. Hover over each card to play the canonical motion for that role.

Flip

--dur-flip · --ease-out Small, snappy. Press-down, hover lift.

Panel slide

--dur-panel · --ease-in-out Drawer / sidebar entry.

Route enter

--dur-route · --ease-out Page transition. Opacity + tiny scale.

Soft fade

--dur-soft · --ease-out Toast, tooltip, soft reveal.