/* ==========================================================
   THE WEIGHT SHOP — CSS Manifest
   Import order: variables → reset → components →
   layout → pages → utilities → dark (always last)
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;600&display=swap');

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

/* Components */
@import 'components/buttons.css';
@import 'components/forms.css';
@import 'components/cards.css';
@import 'components/badges.css';
@import 'components/alerts.css';
@import 'components/pagination.css';
@import 'components/stats.css';
@import 'components/empty-state.css';
@import 'components/product-tags.css';

/* Layout */
@import 'layout/nav.css';
@import 'layout/footer.css';

/* Pages */
@import 'pages/shop.css';
@import 'pages/product.css';
@import 'pages/cart.css';
@import 'pages/orders.css';
@import 'pages/reviews.css';
@import 'pages/auth.css';
@import 'pages/about.css';
@import 'pages/tickets.css';
@import 'pages/admin.css';

/* Utilities */
@import 'utilities/helpers.css';
@import 'utilities/responsive.css';

/* Dark mode — always last */
@import 'base/dark.css';