/* ============================================
   MANDIR MAHASANGH — MASTER STYLESHEET
   Imports all CSS files in correct cascade order
   ============================================
   Order matters:
   1. Base     — Reset, variables (tokens), typography
   2. Layout   — Grid system, header, footer, sidebar
   3. Components — Reusable UI components
   4. Pages    — Page-specific styles
   5. Utilities — Utility classes (last, so they override)
   ============================================ */

/* ===== 1. BASE ===== */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');

/* ===== 2. LAYOUT ===== */
@import url('./layout/grid.css');
@import url('./layout/header.css');
@import url('./layout/footer.css');
@import url('./layout/sidebar.css');

/* ===== 3. COMPONENTS ===== */
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/forms.css');
@import url('./components/hero.css');
@import url('./components/stats.css');
@import url('./components/breadcrumbs.css');
@import url('./components/pagination.css');
@import url('./components/tabs.css');
@import url('./components/modal.css');
@import url('./components/accordion.css');
@import url('./components/badges.css');
@import url('./components/search.css');
@import url('./components/stepper.css');
@import url('./components/gallery.css');
@import url('./components/toast.css');
@import url('./components/skeleton.css');

/* ===== 4. PAGES ===== */
@import url('./pages/home.css');
@import url('./pages/directory.css');
@import url('./pages/temple-detail.css');
@import url('./pages/onboarding.css');
@import url('./pages/content-pages.css');

/* ===== 5. UTILITIES ===== */
@import url('./utilities/spacing.css');
@import url('./utilities/display.css');
@import url('./utilities/text.css');
@import url('./utilities/colors.css');
@import url('./utilities/responsive.css');