/* Entry point — import order matters: base tokens/resets first, then
   layout, then components (roughly in the order they appear on the page),
   then page-specific rules, then the mechanically-migrated inline styles
   and hover-only states last so they win any same-specificity tie exactly
   like the inline `style="..."` attributes used to. */

@import url("base/variables.css");
@import url("base/reset.css");
@import url("base/animations.css");
@import url("base/typography.css");

@import url("layout/main.css");

@import url("components/navigation.css");
@import url("components/buttons.css");
@import url("components/cards.css");
@import url("components/carousel.css");
@import url("components/badge-3d.css");
@import url("components/services.css");
@import url("components/quiz.css");
@import url("components/gallery.css");
@import url("components/reviews.css");
@import url("components/footer.css");

@import url("pages/home.css");

@import url("components/hover-states.css");
@import url("components/migrated-inline.css");