/* ─────────────────────────────────────────────────────────────
   main.css — єдина точка входу для стилів.
   Порядок важливий: tokens → reset → base → components.
   ───────────────────────────────────────────────────────────── */

@import url("./tokens.css");
@import url("./fonts.css");
@import url("./reset.css");
@import url("./base.css");

/* Components — алфавіт, щоб уникнути випадкових каскадних сюрпризів */
@import url("./components/button.css");
@import url("./components/cart.css");
@import url("./components/catalog.css");
@import url("./components/checkout.css");
@import url("./components/category-strip.css");
@import url("./components/drawer.css");
@import url("./components/error-page.css");
@import url("./components/footer.css");
@import url("./components/header.css");
@import url("./components/hero.css");
@import url("./components/icon.css");
@import url("./components/logo.css");
@import url("./components/mobile-nav.css");
@import url("./components/product-card.css");
@import url("./components/product-grid.css");
@import url("./components/product-page.css");
@import url("./components/promo-cards.css");
@import url("./components/search.css");
@import url("./components/segments.css");
@import url("./components/toast.css");