/* =================================================================
   SHELL-MAIN.CSS - Main Entry Point for App Shell Styles
   Imports all CSS modules in the correct order
   ================================================================= */

/* 1. Variables first - provides CSS custom properties for everything else */
@import url('./shell-variables.css');

/* 2. Base styles - resets, typography, animations */
@import url('./shell-base.css');

/* 3. Header - navigation, buttons, overflow menu */
@import url('./shell-header.css');

/* 4. Player - podcast player controls */
@import url('./shell-player.css');

/* 5. Profile - selector and menus */
@import url('./shell-profile.css');

/* 6. Layout - main container, iframe, loading states */
@import url('./shell-layout.css');

/* 7. Modals - overlay components, about modal */
@import url('./shell-modals.css');

/* 8. Gallery - edition gallery overlay */
@import url('./shell-gallery.css');

/* 9. Leaderboard - community insights modal */
@import url('./shell-leaderboard.css');

/* 10. Consent - cookie banner, delete data modal */
@import url('./shell-consent.css');

/* 11. Responsive - all media queries (consolidated) */
@import url('./shell-responsive.css');

/* 12. Dark mode - theme overrides (MUST be last) */
@import url('./shell-dark-mode.css');