/* 1.wien Main CSS File - Modular Structure
   ============================================================= 
   This file imports all modular CSS components in the correct order.
   The original monolithic CSS has been split into logical modules
   for better maintainability and performance.
*/

/* 1. Base Styles - Foundation */
@import url('base/variables.css');      /* CSS custom properties */
@import url('base/reset.css');          /* Modern CSS reset */
@import url('base/typography.css');     /* Font and text styles */

/* 2. Layout Components */
@import url('layout/grid.css');         /* Grid system and flexbox utilities */
@import url('layout/hero.css');         /* Hero sections */
@import url('layout/browser-mockup.css'); /* Clean browser mockup implementation */

/* 3. UI Components */
@import url('components/navbar.css');    /* Navigation with dropdowns */
@import url('components/navbar-mega-menu.css'); /* Advanced mega menu with SVG integration */
@import url('components/navbar-mega-visualizations.css'); /* Live service preview visualizations */
@import url('components/buttons.css');   /* All button variants */
@import url('components/forms.css');     /* Form elements and validation */
@import url('components/cards.css');     /* All card components */
@import url('components/footer.css');    /* Footer with newsletter */
@import url('components/animations.css'); /* Keyframes and animations */
@import url('components/browser-preview.css'); /* Browser preview content */

/* 4. Page-Specific Styles */
@import url('pages/home.css');          /* Homepage sections (features, stats, CTA, email) */
@import url('pages/about.css');         /* About section with Vienna showcase */
@import url('pages/process.css');       /* Process timeline section */
@import url('pages/services.css');      /* Services page */
@import url('pages/portfolio.css');     /* Portfolio/projects page */
@import url('pages/contact.css');       /* Contact page */

/* 5. Themes */
@import url('themes/dark.css');         /* Dark mode theme */

/* 6. Utilities (if needed in future) */
/* @import url('utilities/responsive.css'); */ /* Responsive utilities */
/* @import url('utilities/helpers.css'); */    /* Helper classes */

/* ============================================================= 
   Loading & Performance Notes:
   - Total CSS: ~8,500 lines split across 17 files
   - Browser mockup terminal issue: FIXED in browser-mockup.css
   - Dark mode: Complete implementation in themes/dark.css
   - All imports use relative paths for better caching
   ============================================================= */