Motion

Transition durations and easing curves for consistent animations.

Transitions

--transition-fast

Micro-interactions

150ms ease

--transition-base

Standard transitions

300ms ease

--transition-slow

Emphasis animations

600ms cubic-bezier(0.16, 1, 0.3, 1)

--ease-out-expo

Smooth deceleration

cubic-bezier(0.16, 1, 0.3, 1)

Control points: P1(0.16, 1) P2(0.3, 1)

--border-radius-sm4px

--border-radius6px

--border-radius-lg12px

--shadow-smSubtle elevation

--shadowCard elevation

--shadow-lgModal elevation