/* ============================================================================
   FIRST CHOICE CARS - COMPONENT LIBRARY
   Master file that imports all modular components
   
   Total Components: 18 files + 2 config files
   Total Lines: 6,867 lines of component code
   
   Load Order:
   1. Config files (variables, utilities)
   2. UI Components (badges, buttons, tabs, etc.)
   3. Form Components (forms, filters)
   4. Layout Components (header, footer, cards, contact)
   5. Feature Components (sliders, modals, reviews, blog, newsletter, vehicle-detail)
   ============================================================================ */

/* ========================================================
   LAYER 1: CONFIGURATION
   CSS Custom Properties and Utility Classes
   ======================================================== */
@import url('config/variables.css');
@import url('config/utilities.css');

/* ========================================================
   LAYER 2: UI COMPONENTS
   Small reusable interface elements
   ======================================================== */
@import url('components/badges.css');        /* 69 lines - Badge and pill styles */
@import url('components/breadcrumbs.css');   /* 33 lines - Breadcrumb navigation */
@import url('components/buttons.css');       /* 273 lines - All button variants */
@import url('components/spinners.css');      /* 47 lines - Loading indicators */
@import url('components/tabs.css');          /* 138 lines - Tab navigation */

/* ========================================================
   LAYER 3: FORM COMPONENTS
   Form elements and interactive inputs
   ======================================================== */
@import url('components/forms.css');         /* 964 lines - All form types */
@import url('components/filters.css');       /* 349 lines - Vehicle filters */

/* ========================================================
   LAYER 4: LAYOUT COMPONENTS
   Page structure and containers
   ======================================================== */
@import url('components/header.css');        /* 1,042 lines - Header & navigation */
@import url('components/footer.css');        /* 297 lines - Footer sections */
@import url('components/cards.css');         /* 656 lines - Card layouts */
@import url('components/contact.css');       /* 438 lines - Contact page components */
@import url('components/accordion.css');     /* 150 lines - FAQ accordion system */

/* ========================================================
   LAYER 5: FEATURE COMPONENTS
   Complex interactive features
   ======================================================== */
@import url('components/sliders.css');       /* 186 lines - Slick sliders */
@import url('components/hero.css');          /* 103 lines - Hero sections */
@import url('components/modals.css');        /* 608 lines - Modal dialogs (excl. newsletter) */
@import url('components/reviews.css');       /* 364 lines - Customer reviews */
@import url('components/blog.css');          /* 121 lines - Blog components */
@import url('components/newsletter.css');    /* 264 lines - Newsletter section & modal */
@import url('components/vehicle-details.css'); /* 915 lines - Vehicle detail page components */

/* ========================================================
   TOTAL: 6,867 lines of modular component code
   ======================================================== */
