/* =====================================================
   COMPUTER REPAIR MTL — Main Stylesheet
   Modular CSS architecture (WordPress-style)
   =====================================================
   
   Import order matters:
   1. Base   — variables, reset, utilities
   2. Layout — header, nav, footer
   3. Components — reusable UI pieces
   4. Pages — specific page styles
   ===================================================== */

/* ============================
   BASE
   ============================ */
@import url('base/_variables.css');
@import url('base/_reset.css');
@import url('base/_utilities.css');

/* ============================
   LAYOUT
   ============================ */
@import url('layout/_header.css');
@import url('layout/_nav.css');
@import url('layout/_footer.css');

/* ============================
   COMPONENTS
   ============================ */
@import url('components/_carousel.css');
@import url('components/_service-card.css');
@import url('components/_cta.css');
@import url('components/_flash.css');
@import url('components/_breadcrumb.css');
@import url('components/_stats.css');

/* ============================
   PAGES
   ============================ */
@import url('pages/_home.css');
@import url('pages/_services.css');
@import url('pages/_contact.css');