/*
    ============================================================
    Точка входа CSS — «Гармония Мебель»
    ============================================================

    Файл содержит только импорты. Стили не пишем здесь.
    Порядок слоёв важен и менять его нельзя:

    1. reset      — сброс браузерных умолчаний
    2. fonts      — @font-face, должны объявиться до использования
    3. variables  — Custom Properties, нужны всем слоям ниже
    4. components — переиспользуемые блоки (кнопки, карточки, формы)
    5. global     — body, контейнер, типографика, шапка, подвал
    6. sections   — стили секций лендинга, подключаются по мере вёрстки
    ============================================================
*/

/* базовые слои - start */
@import url('reset.css');
@import url('fonts.css');
@import url('variables.css');
@import url('components.css?02');
@import url('global.css');
/* базовые слои - end */

/* секции лендинга - start */
@import url('sections/header.css?01');
@import url('sections/hero.css?01');
@import url('sections/benefits.css?01');

@import url('sections/works.css?02');
@import url('sections/steps.css?01');
@import url('sections/production.css?01');
@import url('sections/reviews.css?02');
@import url('sections/calc.css?01');
@import url('sections/promo.css?01');
@import url('sections/footer.css?01');

/* правовые страницы: политика и согласие */
@import url('sections/legal.css?02');

/* уведомление о cookie: на всех страницах */
@import url('sections/cookie-notice.css');
/* секции лендинга - end */