/* =========================================================
   app.css — единая точка сборки стилей для проекта
   Порядок ВАЖЕН: tokens → base → layout → components → sections → pages
   ========================================================= */

@import "tokens.css";
@import "base.css";
@import "layout.css";

/* components (UI-кирпичи) */
@import "components/btn.css";
@import "components/badge.css";
@import "components/feature-pill.css";
@import "components/play-pill.css";
@import "components/site-header.css";
@import "components/site-footer.css";
@import "components/dock-nav.css";
@import "components/what-card.css";
@import "components/modal.css";
@import "components/apply-modal.css";
@import "components/trait-card.css";
@import "components/profession-card.css";
@import "components/process-step-card.css";

/* sections (секции страниц) */
@import "sections/hero.css";
@import "sections/what-is-work.css";
@import "sections/about-company.css";
@import "sections/offer.css";
@import "sections/who-we-need.css";
@import "sections/professions.css";
@import "sections/hiring-process.css";

/* pages — добавлять по мере появления страниц
   @import "pages/home.css";
*/