Motion

Three duration bands (fast, medium, slow) each with a min/base/max value (ratio around 0.75 between them), plus one easing curve, --ox-ease-standard, used everywhere. Every demo below runs on the real tokens: click a row's button to trigger its transition. If your system has reduced motion turned on, the transitions below complete instantly instead of animating: that preference is respected, not just noted.

Fast

Medium

Slow

Easing

Every demo above already uses this curve: there is only the one.