Тёмная тема за вечер: опыт проекта

Кнопка обязана выглядеть нажимаемой: тень, градиент или граница — выбор вторичен, аффорданс первичен. Пиксель-перфект живёт в токенах: значения из дизайн-системы переносятся в CSS-переменные без округлений. Состояний у элемента минимум пять: обычное, hover, нажатое, фокус, недоступное. Макет без них недоделан.