/*
  main_v3.css — точка входа CSS инженерной основы Home (PAGE-001_v3.html).

  ЧТО ЭТО
  Третья, аддитивная точка входа проекта. Полностью повторяет цепочку
  main_v2.css БЕЗ ЕДИНОГО ИЗМЕНЕНИЯ подключаемых файлов и добавляет
  Surface/Layout System (css/surfaces/*).

  ЧТО НЕ ЗАТРОНУТО
  • main.css — 18 канонических страниц не изменены;
  • main_v2.css — утверждённая заказчиком PAGE-001_v2.html не изменена;
  • css/tokens.css, css/components/*, css/components-v2/* — ни один файл
    не редактировался.

  ПОРЯДОК СЛОЁВ
  Четырёхслойная модель MEDIQ_DESIGN_SYSTEM.md (Section 17) сохранена
  без изменений: @layer tokens, base, components, utilities.
  Новый слой не вводится. Surface System распределена по существующим:
    • surface-tokens.css  → layer(tokens)     — только объявления переменных;
    • surface-system.css  → layer(components) — реализация поверхностей;
    • layout-system.css   → layer(components) — ритм, подавление divider, Hero.
  Оба компонентных файла подключаются ПОСЛЕ всех components/* и
  components-v2/*, поэтому точечные подавления выигрывают порядком, а не
  повышенной специфичностью.
*/

@layer tokens, base, components, utilities;

@import url("tokens.css") layer(tokens);
@import url("surfaces/surface-tokens.css") layer(tokens);
/* Дизайн-слой: перенастройка ЗНАЧЕНИЙ токенов (не новая система) */
@import url("design/design-tokens.css") layer(tokens);

@import url("reset.css") layer(base);
@import url("typography.css") layer(base);
@import url("layout.css") layer(base);
@import url("responsive.css") layer(base);
@import url("design/design-typography.css") layer(base);

@import url("components/outline.css") layer(components);
@import url("components/audit.css") layer(components);
@import url("components/cta.css") layer(components);
@import url("components/card.css") layer(components);
@import url("components/badge.css") layer(components);
@import url("components/breadcrumb.css") layer(components);
@import url("components/form-field.css") layer(components);
@import url("components/rich-text.css") layer(components);
@import url("components/header.css") layer(components);
@import url("components/main-nav.css") layer(components);
@import url("components/footer.css") layer(components);
@import url("components/hero.css") layer(components);
@import url("components/feature-grid.css") layer(components);
@import url("components/stat-block.css") layer(components);
@import url("components/faq-accordion.css") layer(components);
@import url("components/proof-block.css") layer(components);
@import url("components/pricing-summary.css") layer(components);
@import url("components/lead-form.css") layer(components);
@import url("components/related-pages.css") layer(components);
@import url("components/segment-comparison.css") layer(components);
@import url("components/process-flow.css") layer(components);
@import url("components/roi-calculator.css") layer(components);
@import url("components/role-selector.css") layer(components);

/* Экспериментальные компоненты PAGE-001_v2 — подключаются без изменений */
@import url("components-v2/hero-media.css") layer(components);
@import url("components-v2/feature-detail.css") layer(components);
@import url("components-v2/integration-strip.css") layer(components);
@import url("components-v2/partner-cta.css") layer(components);
@import url("components-v2/tier-cta.css") layer(components);

/* ===== Surface / Layout System — инженерный этап 2026-07-31, 09:08 ===== */
@import url("surfaces/surface-system.css") layer(components);
@import url("surfaces/layout-system.css") layer(components);

/* ===== Дизайн-слой — первая дизайнерская итерация Home =====
   Отделка существующих компонентов и композиции. Новых компонентов не
   вводит, Component Library не изменяет, разметку не трогает.
   Удаление трёх импортов дизайн-слоя (здесь и двух выше, в слоях
   tokens/base) возвращает страницу к инженерной версии без остатка. */
@import url("design/design-composition.css") layer(components);
@import url("design/design-components.css") layer(components);

/* Визуальный язык Layout по обязательному референсу
   «градиент_для_лейаута.jpeg» — подключается после композиции и
   отделки, чтобы поверхности получали язык референса поверх базовых
   правил Surface System. */
@import url("design/design-layout-language.css") layer(components);

/* Демонстрационный режим — подключается последним, чтобы скрытие
   инженерных инструментов выигрывало у любых правил их отображения.
   Активируется атрибутом data-view="demo" на <body>. */
@import url("design/design-demo-mode.css") layer(components);

@import url("utilities.css") layer(utilities);

/* ══════════════════════════════════════════════════════════════════
   СЛОЙ СТИЛЯ v4 — по эталону `визуальный_по_стилю_эталон.pdf`
   ══════════════════════════════════════════════════════════════════
   Подключается ТОЛЬКО из этого файла. `main_v3.css` и, следовательно,
   `PAGE-001_v3.html` не затрагиваются. Три файла идут последними,
   чтобы перекрывать дизайн-слой v3 порядком, а не специфичностью. */

@import url("style-v4/style-v4-tokens.css") layer(components);
@import url("style-v4/style-v4-surfaces.css") layer(components);
@import url("style-v4/style-v4-components.css") layer(components);
@import url("style-v4/style-v4-polish.css") layer(components);
@import url("style-v4/style-v4-po.css") layer(components);

/* Финальная инженерная полировка: сведение всех предыдущих итераций в
   одну компонентную систему (типографическая шкала, ритм, поля,
   библиотека кнопок, единая система карточек и медиа-областей).
   Подключается последним - при равной специфичности выигрывает
   порядком. */
@import url("style-v4/style-v4-final.css") layer(components);