Переменные и анимации

Переменные объявляют в :root { --accent: #7c9cff; } и читают var(--accent) — смена темы меняет одно значение. Анимируют дешёвые свойства transform и opacity: они не вызывают перерасчёт раскладки. Пользователям с prefers-reduced-motion анимации отключают.