/**
 * MAIN.CSS - Single Stylesheet Entrypoint
 * =======================================
 * All pages link ONLY to this file.
 * 
 * ARCHITECTURE:
 * 1. Core         - Reset, tokens, base styles, layout, helpers
 * 2. Theme        - Theme configuration + feature flags
 * 3. Theme Adapter - Bridges legacy vars to new token system
 * 4. Theme Gate   - Framing theme radius/shadow toggle
 * 5. Components   - Reusable UI components
 * 6. Pages        - Page-specific styles (SCOPED)
 * 7. Overrides    - Nuclear final overrides
 */

/* ============================================
   1. CORE - Foundation Layer
   ============================================ */
@import url('./core/reset.css');
@import url('./core/tokens.css');
@import url('./core/base.css');
@import url('./core/site-safety.css');
@import url('./core/page-scope.css');
@import url('./core/layout.css');
@import url('./core/helpers.css');
@import url('./core/breakpoints.css');

/* ============================================
   2. THEME - Authoritative Theme Configuration
   ============================================ */
@import url('./theme.css');

/* ============================================
   3. THEME ADAPTER - Legacy Variable Bridge
   ============================================ */
@import url('./theme-adapter.css');

/* ============================================
   4. THEME GATE - Framing Theme Toggle
   ============================================ */
@import url('./theme-framing-gate.css');

/* ============================================
   5. COMPONENTS - Reusable UI Components
   ============================================ */
@import url('./components/buttons.css');
@import url('./components/forms.css');
@import url('./components/frames.css');
@import url('./components/cards.css');
@import url('./components/modals.css');
@import url('./components/accordion.css');
@import url('./components/tables.css');
@import url('./components/glass.css');
@import url('./components/background-effects.css');
@import url('./components/header.css');
@import url('./components/nav.css');
@import url('./components/dropdowns.css');
@import url('./components/mobile-menu.css');
@import url('./components/header-responsive.css');
@import url('./components/footer.css');
@import url('./components/mobile-cta.css');
@import url('./components/responsive-nav.css');
@import url('./components/responsive-sections.css');
@import url('./components/sections.css');
@import url('./components/surfaces.css');
@import url('./components/process-steps.css');
@import url('./components/cta-strip.css');
@import url('./components/gallery-frame.css');
@import url('./components/hero.css');

/* ============================================
   6. PAGES - Page-Specific Styles (SCOPED)
   ============================================ */

/* Service Areas - scoped to body.page-service-areas */
@import url('./pages/service-areas.base.css');
@import url('./pages/service-areas.hero.css');
@import url('./pages/service-areas.map.css');
@import url('./pages/service-areas.cities.css');
@import url('./pages/service-areas.city-rows.css');
@import url('./pages/service-areas.details.css');
@import url('./pages/service-areas.details-2.css');
@import url('./pages/service-areas.faq.css');
@import url('./pages/service-areas.content.css');
@import url('./pages/service-areas.trust-cta.css');
@import url('./pages/service-areas.responsive.css');
@import url('./pages/service-areas.misc.css');

/* Responsive page rules */
@import url('./pages/responsive-home.css');
@import url('./pages/responsive-home-process.css');
@import url('./pages/responsive-misc.css');

/* Home page - scoped to body.page-home */
@import url('./pages/home.base.css');
/* home.hero.css DELETED - hero.css owns all hero styling */
@import url('./pages/home.sections.css');
@import url('./pages/home.cards.css');
@import url('./pages/home.area.css');
@import url('./pages/home.projects.css');
@import url('./pages/home.reviews.css');
@import url('./pages/home.quote.css');
@import url('./pages/home.media.css');
@import url('./pages/home.framing.css');
@import url('./pages/home.framing-2.css');
@import url('./pages/home.framing-3.css');
@import url('./pages/home.framing-4.css');
@import url('./pages/home.process.css');
@import url('./pages/home.alias.css');
@import url('./pages/home.rebuild.css');
@import url('./pages/home.premium.css');

/* Service pages - scoped to body[data-page^="service-"] */
@import url('./pages/service-pages.base.css');
@import url('./pages/service-pages.components.css');

/* Process Directory - scoped to body.page-process-directory */
@import url('./pages/process.directory-content.css');
@import url('./pages/process.directory-sections.css');
@import url('./pages/process.directory-redesign.css');

/* Budget Calculator - scoped to body.page-budget */
@import url('./pages/budget.base.css');
@import url('./pages/budget.steps.css');
@import url('./pages/budget.controls.css');
@import url('./pages/budget.finish.css');
@import url('./pages/budget.included.css');
@import url('./pages/budget.included-2.css');
@import url('./pages/budget.summary.css');
@import url('./pages/budget.results.css');
@import url('./pages/budget.mobile.css');
@import url('./pages/budget.modal.css');

/* Request a Quote - scoped to body.page-quote */
@import url('./pages/quote.base.css');
@import url('./pages/quote.form.css');
@import url('./pages/quote.fields.css');
@import url('./pages/quote.summary.css');
@import url('./pages/quote.sections.css');
@import url('./pages/quote.modal.css');
@import url('./pages/quote.responsive.css');

/* FAQ page - scoped to body.page-faq */
@import url('./pages/faq.base.css');
@import url('./pages/faq.sections.css');
@import url('./pages/faq.accordion.css');
@import url('./pages/faq.misc.css');

/* About page - scoped to body.page-about */
@import url('./pages/about.base.css');

/* Projects page - scoped to body.page-projects */
@import url('./pages/projects.css');

/* Project detail page - scoped to body.page-project-detail */
@import url('./pages/project-detail.css');

/* System/Design System - scoped to body.page-system */
@import url('./pages/system.base.css');
@import url('./pages/system.components.css');
@import url('./pages/system.sticky.css');
@import url('./pages/system.creative.css');

/* ============================================
   7. FINAL OVERRIDES - Must Load Last
   ============================================ */

@import url('./core/no-radius.css');