/* ============================================================
   APP.CSS - Modular Entry Point
   This file imports all modular CSS files in the correct order.
   Only this file needs to be referenced in the HTML.
   ============================================================ */

/* ---- CORE ---- */
@import url("core/reset.css");
@import url("core/tokens.css");
@import url("core/base.css");
@import url("core/utilities.css");

/* ---- LAYOUT ---- */
@import url("layout/container.css");
@import url("layout/header.css");
@import url("layout/navigation.css");
@import url("layout/footer.css");

/* ---- COMPONENTS ---- */
@import url("components/buttons.css");
@import url("components/forms.css");
@import url("components/cards.css");
@import url("components/tables.css");
@import url("components/badges.css");
@import url("components/alerts.css");
@import url("components/mobile-menu.css");

/* ---- PAGES ---- */
@import url("pages/auth.css");
@import url("pages/catalog.css");
@import url("pages/basket.css");

/* ---- RESPONSIVE ---- */
@import url("responsive/tablet.css");
@import url("responsive/mobile.css");