/* ============================================================
   MAIN CSS — Import order matters
   ============================================================ */

/* Base */
@import './base/variables.css';
@import './base/reset.css';
@import './base/typography.css';
@import './base/utilities.css';

/* Themes */
@import './themes/dark.css';
@import './themes/light.css';

/* Components */
@import './components/loader.css';
@import './components/cursor.css';
@import './components/navbar.css';
@import './components/footer.css';
@import './components/buttons.css';
@import './components/cards.css';
@import './components/forms.css';
@import './components/modals.css';
@import './components/chat-widget.css';

/* Pages */
@import './pages/home.css';
@import './pages/shop.css';
@import './pages/product.css';
@import './pages/cart.css';
@import './pages/auth.css';
@import './pages/account.css';
@import './pages/checkout.css';
@import './pages/static.css';

/* Animations */
@import './animations/keyframes.css';
@import './animations/transitions.css';
@import './animations/responsive.css';