/* =============================================================
   main.css — Entry point: imports all stylesheets in order
   For production: concatenate + minify → main.min.css
   ============================================================= */

/* 1 ── Reset ─────────────────────────────────────────────────── */
@import './normalize.css';

/* 2 ── Design Tokens ─────────────────────────────────────────── */
@import './variables.css';

/* 3 ── Base styles ───────────────────────────────────────────── */
@import './base.css';

/* 4 ── Layout utilities ──────────────────────────────────────── */
@import './layout.css';

/* 5 ── Components ─────────────────────────────────────────────── */
@import './components/header.css';
@import './components/footer.css';
@import './components/navbar.css';
@import './components/hero.css';
@import './components/card.css';
@import './components/breadcrumb.css';
@import './components/pagination.css';
@import './components/slider.css';
@import './components/modal.css';
@import './components/form.css';
@import './components/badge.css';

/* 6 ── Page-specific ─────────────────────────────────────────── */
@import './pages/home.css';
@import './pages/product.css';
@import './pages/product-detail-old.css';
@import './pages/recipe.css';
@import './pages/news.css';
@import './pages/about.css';
@import './pages/contact.css';
@import './pages/growth.css';
@import './pages/error.css';
@import './responsive-fixes.css';