/* ==========================================================================
   MAIN CSS - IMPORT HUB
   This file imports all CSS modules in the correct order.
   ========================================================================== */

/* 1. Design Tokens - Variables, colors, spacing, animations */
@import url("./tokens.css");

/* 2. Base Styles - Reset, body, typography */
@import url("./base.css");

/* 3. Utility Classes - Spacing, layout helpers */
@import url("./utilities.css");

/* 4. Components - UI Elements */
@import url("./components/buttons.css");
@import url("./components/forms.css");
@import url("./components/cards.css");
@import url("./components/tables.css");
@import url("./components/tabs.css");
@import url("./components/modals.css");
@import url("./components/layout.css");
@import url("./components/maps.css");
@import url("./components/results.css");
@import url("./components/hero.css");
@import url("./components/start-transition.css");
@import url("./components/projects.css");
@import url("./components/user-stats.css");
@import url("./components/device-catalog.css");
@import url("./components/equipment.css");
@import url("./components/building-model.css");
@import url("./components/fixed-elements.css");
@import url("./components/language.css");
@import url("./components/cookie-consent.css");
@import url("./components/theme-customizer.css");

/* 5. Themes */
@import url("./themes/dark.css");
/* Brand themes (loaded conditionally via themeLoader.js, but imported for availability) */
@import url("./themes/flowair.css");
@import url("./themes/schwank.css");
@import url("./themes/climaport.css");
@import url("./themes/robur.css");

/* 6. Print Styles */
@import url("./print.css");

/* 7. Responsive Overrides */
@import url("./responsive.css");

/* ==========================================================================
   MIGRATION STATUS
   ========================================================================== */

/*
   ✅ COMPLETE - Modular CSS Architecture (22 files)
   
   Core (3 files):
   - tokens.css - CSS variables, animations, design tokens
   - base.css - Body, reset, base transitions
   - utilities.css - Spacing, text utilities, layout helpers
   
   Components (15 files):
   - buttons.css - Button styles, gradients, sheen effects
   - cards.css - Card & panel styles
   - device-catalog.css - Device catalog modal
   - equipment.css - Equipment configuration, device selection
   - fixed-elements.css - Dark mode toggle, contact icons
   - forms.css - Form elements, fieldsets, inputs
   - hero.css - Start page, hero section, mode cards
   - language.css - Language dropdown selector
   - layout.css - Banner, header, containers
   - maps.css - Map component, Leaflet integration
   - modals.css - Modal & overlay styles, toast, tooltips
   - projects.css - Project manager panel
   - results.css - Results dashboard, AI Advisor, KPIs
   - tables.css - Table & chart styling
   - tabs.css - Tab navigation, sticky tabs
   
   Themes (5 files):
   - themes/dark.css - Global dark mode overrides
   - themes/flowair.css - FLOWAIR brand theme
   - themes/schwank.css - Schwank brand theme
   - themes/climaport.css - Climaport brand theme (dark)
   - themes/robur.css - ROBUR brand theme
   
   Media (2 files):
   - print.css - Print-specific styles
   - responsive.css - Mobile & tablet breakpoints
   
   📦 LEGACY (style.css):
   - Contains duplicate styles for backwards compatibility
   - Some equipment sub-styles (device info modal details)
   - Can be removed after full testing
   
   🔧 USAGE:
   Option 1 (recommended for production):
     <link rel="stylesheet" href="css/main.css">
     <link rel="stylesheet" href="style.css">
   
   Option 2 (after full migration):
     <link rel="stylesheet" href="css/main.css">
*/