/*
=====================================
  TRUSTEDBUILD TEMPLATE - MODULAR CSS
  Main CSS file with module imports

  Previous file size: ~3,300 lines
  New modular structure for better maintainability
=====================================

Tooplate 2133 Moso Interior
https://www.tooplate.com/view/2133-moso-interior

Refactored by Claude Code - Modular Architecture
*/

/*=====================================
  CORE MODULES
  Import order removed - files are now loaded directly in HTML
  Order matters for cascade precedence
=====================================*/

/* 1. Base Styles - Variables, Typography, Base Elements */
/* Loaded as: <link href="css/1-base.css" rel="stylesheet" /> */

/* 2. Header & Navigation - Navbar, Toolbar, Mobile Menu */
/* Loaded as: <link href="css/2-header.css" rel="stylesheet" /> */

/* 3. Hero Section - Main hero, forms, buttons, emergency */
/* Loaded as: <link href="css/3-hero.css" rel="stylesheet" /> */

/* 4. Page Sections - Services, Process, Reviews, Contact */
/* Loaded as: <link href="css/4-sections.css" rel="stylesheet" /> */

/* 5. Components - Map, Footer, Sticky Elements, Social Icons */
/* Loaded as: <link href="css/5-components.css" rel="stylesheet" /> */

/*=====================================
  EXTERNAL SYSTEMS
  Responsive and color theme systems
=====================================*/

/* Responsive Design System - Bootstrap 5 standard breakpoints */
/* Loaded as: <link href="css/responsive-system.css" rel="stylesheet" /> */

/* Color Theme Management - Multiple themes with smooth transitions */
/* Loaded as: <link href="css/color-themes.css" rel="stylesheet" /> */

/*=====================================
  EXTERNAL LIBRARIES
  Third-party CSS files (keep these at the end)
=====================================*/

/* Note: These are typically loaded in HTML, not imported here:
   - bootstrap.min.css
   - bootstrap-icons.css
   - owl.carousel.min.css
   - london-map-colors.css

/*=====================================
  MODULE INFORMATION
=====================================

File Structure:
├── 1-base.css         (~300 lines) - Variables, typography, base styles
├── 2-header.css       (~800 lines) - Navigation, toolbar, mobile menu
├── 3-hero.css         (~600 lines) - Hero section, forms, buttons
├── 4-sections.css     (~800 lines) - Services, process, reviews, contact
├── 5-components.css   (~800 lines) - Map, footer, sticky elements
├── responsive-system.css  - Centralized responsive design
└── color-themes.css       - Theme management system

Benefits:
✅ Modular and maintainable
✅ Easy to locate specific styles
✅ Better organization by feature
✅ Simplified debugging
✅ Scalable for future development

For development:
- Each module can be edited independently
- Changes are isolated to specific areas
- Easier team collaboration
- Better code review process

*/