/* ===== Base ===== */
@import url("base/reset.css");
@import url("base/variables.css");
@import url("base/typography.css");
@import url("base/global.css");

/* ===== Components ===== */
@import url("components/navbar.css");
@import url("components/footer.css");
@import url("components/hero.css");
@import url("components/featured-collection.css");
@import url("components/about.css");
@import url("components/why-choose-scea.css");
@import url("components/reviews.css");
@import url("components/newsletter.css");
@import url("components/perfume-card.css");
@import url("components/search-bar.css");
@import url("components/page-hero.css");
@import url("components/fragrance-showcase.css");
@import url("components/shop.css");
@import url("components/product.css");
@import url("components/header-interactions.css");

/* ===== Pages =====
   Page-specific override files. IMPORTANT: the About PAGE stylesheet
   below is named pages/about.css specifically because components/
   about.css already exists and is already imported above — that file
   belongs to the Homepage's "About SCEA" teaser section (COMP-004),
   a completely different thing. Naming this file components/about.css
   would have silently overwritten or collided with that import. */
@import url("pages/about.css");
@import url("pages/contact.css");