/* ============================================================================ Yolka WMS — дизайн-система приложения (этап 20). Единственный источник правды по цвету/радиусам/типографике: токены ниже (:root). Tailwind Play CDN в templates/layout/base.html читает ЭТИ ЖЕ переменные (colors: "rgb(var(--rgb-accent) / )"), поэтому утилиты вида bg-surface / text-ink-muted / bg-warning/20, которых в шаблонах несколько сотен, автоматически подхватывают палитру отсюда — менять цвет проекта нужно ровно в одном месте, в этом файле. Второй слой — классы компонентов (.btn/.card/.table/.badge/.field/...). Правило: НОВЫЕ экраны собираются из них, утилиты Tailwind остаются для раскладки (grid/flex/отступы) и точечных исключений. Причина, по которой компоненты появились: до этого одна кнопка была строкой из 14 утилит, скопированной в 40 мест — любая правка формы кнопки означала правку 40 файлов, и часть мест неизбежно отставала (у таблиц так и было: у одних был hover, у других нет). Подробности — docs/design-system.md. Файл подключается как обычная статика () ДО Tailwind CDN: Play CDN вставляет свой