/* Disaster911 — production CSS entry point.
 *
 * Pages link to this single file: <link rel="stylesheet" href="/assets/css/index.css">.
 * Import order matters. Later @imports override earlier ones.
 *
 * Order rationale:
 *   1. reset.css       — normalize the box model and media defaults first
 *   2. tokens.css      — define every CSS custom property; light theme is the :root default
 *   3. base.css        — html / body / typography defaults that consume the tokens
 *   4. theme-light.css — explicit [data-theme="light"] override (defensive; same as :root)
 *   5. theme-dark.css  — [data-theme="dark"] overrides (incl. shadow + focus tweaks)
 *   6. layout.css      — primitive layout utilities (.container, .stack, .grid-auto, etc.)
 *   7. components/*    — component CSS (loaded in Phase 3; folder empty today)
 *   8. pages/*         — page-specific CSS (loaded in Phase 4; folder empty today)
 *
 * NOTE on browser perf: native @import has historically been slower than
 * concatenation because each @import is a sequential request. For Phase 2 the
 * import-based approach is fine because we have only six files and HTTP/2 on
 * Netlify multiplexes them. If/when component count grows past ~15-20 files in
 * Phase 3, switch to a concatenated build artifact and keep this file as the
 * dev-readable source of order.
 */

@import url('reset.css');
@import url('tokens.css');
@import url('base.css');
@import url('theme-light.css');
@import url('theme-dark.css');
@import url('layout.css');

/* Components — append alphabetically as Phase 3 lands them.
   Batch 3.A (badge, button, card, nav), 3.B (faq, footer, hero, photo-strip),
   and 3.C (breadcrumb, emergency-bar, review-card, theme-toggle) below. */
@import url('components/badge.css');
@import url('components/breadcrumb.css');
@import url('components/button.css');
@import url('components/card.css');
@import url('components/emergency-bar.css');
@import url('components/faq.css');
@import url('components/footer.css');
@import url('components/hero.css');
@import url('components/nav.css');
@import url('components/photo-strip.css');
@import url('components/review-card.css');
@import url('components/theme-toggle.css');

/* Phase 4 will append page-specific imports here. Phase 3.D adds service-hub
   here as part of the hub generator rewrite (stage 4b).
@import url('pages/city.css');
@import url('pages/home.css');
*/
@import url('pages/city.css');
@import url('pages/service-hub.css');
@import url('pages/home.css');
@import url('pages/about.css');
@import url('pages/service-areas.css');
@import url('pages/pricing.css');