/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   main.css — ЕДИНАЯ ТОЧКА ВХОДА
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   Импортируйте этот файл ОДИН раз в любом фреймворке:

     • Vanilla HTML:  <link rel="stylesheet" href="assets/css/main.css">
     • Next.js:       import "@/assets/css/main.css"  (в layout.tsx)
     • Vite/React:    import "./assets/css/main.css"  (в main.tsx)
     • Nuxt:          добавить в nuxt.config css: ['~/assets/css/main.css']
     • Astro:         import "../assets/css/main.css"  (в Layout.astro)
     • Vue 3:         import "./assets/css/main.css"  (в main.ts)

   Порядок важен: tokens → base → typography → layout → components
   → sections → utilities (utility должен побеждать при конфликте).
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 1. Tokens — источник правды (colors, type, space, radius, motion) */
@import "tokens.css";

/* 2. Base — reset + body + base elements + global focus */
@import "base.css";

/* 3. Typography — type scale, headings, eyebrow, lead, meta */
@import "typography.css";

/* 4. Layout — container, section, grid primitives */
@import "layout.css";

/* 5. Components — переиспользуемые UI-атомы */
@import "components/buttons.css";
@import "components/cards.css";
@import "components/forms.css";
@import "components/badges.css";
@import "components/navigation.css";

/* 6. Sections — стили конкретных секций страницы */
@import "sections/hero.css";
@import "sections/catalog.css";
@import "sections/projects.css";
@import "sections/production.css";
@import "sections/trust.css";
@import "sections/lead-form.css";
@import "sections/inner-page.css";

/* 7. Utilities — reveal/motion 2026, mobile QA breakpoints, sr-only
      (в конце — чтобы media-переопределения побеждали) */
@import "utilities.css";