/* ============================================================
   main.css — точка сборки CSS
   ------------------------------------------------------------
   ЭТОТ ФАЙЛ НЕ СОДЕРЖИТ ПРАВИЛ. Только @import.
   Любое CSS-правило, дописанное сюда, ломает слоистость проекта
   и обходит порядок каскада. Правила пишутся в свой слой.

   Порядок импортов = порядок каскада. Он значим и менять его
   можно только через запись в docs/decisions.md.

   1. tokens      — переменные, ничего не рендерят
   2. reset       — обнуление браузерных стилей
   3. typography  — базовые теги текста
   4. layout      — контейнеры, сетки, шаблоны страницы
   5. components  — переиспользуемые блоки
   6. sections    — блоки конкретных страниц
   7. animations  — @keyframes и правила движения
   8. utilities   — атомарные классы-исключения, ИДУТ ПОСЛЕДНИМИ,
                    потому что обязаны перебивать всё выше

   ------------------------------------------------------------
   ?v= в адресах — метка версии, а не украшение.

   nginx отдаёт css и js с заголовком Cache-Control: max-age=
   604800, то есть на неделю, а html — без кэша. Браузер в такой
   связке получает новую разметку и старые стили, и вёрстка
   ломается ровно там, где появились новые классы. Метка меняет
   адрес файла и заставляет браузер забрать его заново.

   Правило: изменил любой файл в css/ или js/ — поменяй метку
   разом во всех местах, где она стоит: этот файл, js/app.js и
   тег link на каждой странице. Метка одна на весь проект,
   разнобой в ней хуже её отсутствия.
   ============================================================ */

@import url("tokens.css?v=20260816-29");
@import url("reset.css?v=20260816-29");
@import url("typography.css?v=20260816-29");
@import url("layout.css?v=20260816-29");
@import url("components.css?v=20260816-29");
@import url("sections.css?v=20260816-29");
@import url("animations.css?v=20260816-29");
@import url("utilities.css?v=20260816-29");