/* ===========================================
   MODULAR CSS IMPORTS - DJ Website Legacy
   =========================================== */

/* Import modular CSS files in the correct order to maintain cascade */
@import url('./base.css');         /* Base styles - typography, colors, basic elements */
@import url('./layout.css');       /* Layout styles - containers, sections, grid */
@import url('./header.css');       /* Header and banner styles */
@import url('./menu.css');         /* Menu and navigation styles */
@import url('./submenu.css');      /* Submenu styles */
@import url('./content.css');      /* Content styles - typography, images, videos */
@import url('./components.css');   /* Component styles - carousel, modal, etc. */
@import url('./glassmorphism.css'); /* Modern glassmorphism theme */
@import url('./mobile-bottom-bar.css'); /* Mobile bottom bar navigation */
@import url('./mobile-common.css'); /* Mobile common styles for all pages */
@import url('./responsive.css');   /* Responsive styles - media queries for mobile/tablet */

/* ===========================================
   NOTE: This modular approach helps with:
   - Better organization of CSS code
   - Easier maintenance and debugging
   - Improved performance with Copilot
   - Cleaner file structure
   - Reduced file size for better loading
   - Better collaboration among developers
   =========================================== */