Движение

Движение показывает отклик на действие. Канон задаёт общую шкалу и кривую. productScope выбирает темп каждого контрола.

Токен	Значение	Роль
`--t-fast`	120ms	hover, нажатие, смена цвета или тени
`--t-normal`	200ms	раскрытие меню или подъём плавающей подписи
`--t-slow`	320ms	движение панели или бегунка
`--ease`	cubic-bezier(0.2, 0, 0, 1)	быстрый старт и мягкое торможение

Правила

Скины не переопределяют общую шкалу --t-* и кривую --ease.
Темп конкретных контролов задаёт productScope через --t-button, --t-control, --t-switch, --ease-button и --status-transition.
При prefers-reduced-motion: reduce отключайте необязательное перемещение, масштаб и вращение. Цвет, тень и прозрачность могут меняться без движения.
Анимация не несёт смысл сама по себе. Состояние должно читаться по цвету, форме или тексту.