/* ========================================
   MAIN CSS - Import all modules
   Gulf Euro Drive Website
   ======================================== */

/* 1. Font Definitions */
@import url('fonts.css');

/* 2. Global/Base Styles */
@import url('global.css');

/* 3. Navigation/Menu */
@import url('menu.css');

/* 4. Reusable Components */
@import url('components-v2.css');

/* 5. Page-Specific Styles */
@import url('pages-v2.css');

/* 6. Interactive Components */
@import url('accordion-tabs.css');

/* 7. Responsive Design */
@import url('responsive.css');

/* ========================================
   CSS Architecture Overview:
   
   fonts.css         - Font face definitions
   global.css        - CSS variables, reset, utilities with text-wrap
   menu.css          - Header and navigation
   components-v2.css - BEM components (buttons, forms, cards, tables)
   pages-v2.css      - Page-specific layouts with text balance
   accordion-tabs.css - Interactive components
   
   Benefits:
   - Modular structure for easy maintenance
   - No conflicting styles
   - CSS variables for consistent theming
   - Single source of truth for each component
   - Easy to update site-wide changes
   ======================================== */