/* ═══════════════════════════════════════════════════════════════
   HVAC247PRO — Main Stylesheet Entry
   ─────────────────────────────────────────────────────────────
   Single <link> reference for all pages:
     <link rel="stylesheet" href="/assets/css/main.css">

   Load order is critical:
     1. tokens       — design tokens (CSS custom properties)
     2. reset        — modern reset, sets baselines
     3. typography   — heading/body/link/list/code styles
     4. layout       — container/grid/flex/section primitives
     5. components   — buttons, cards, hero, nav, footer, forms
     6. utilities    — escape hatches and motion helpers
     7. print        — print-only media query rules

   Total target: < 50KB minified.
   ═══════════════════════════════════════════════════════════════ */

@import url('./tokens.css')              layer(tokens);
@import url('./reset.css')               layer(base);
@import url('./typography.css')          layer(base);
@import url('./layout.css')              layer(layout);
@import url('./components.css')          layer(components);
@import url('./components-extended.css') layer(components);
@import url('./utilities.css')           layer(utilities);
@import url('./print.css')               layer(utilities);

/* Cascade layer priority — ensures utilities win over components,
   components win over layout, etc. Predictable specificity. */
@layer tokens, base, layout, components, utilities;