/* =================================================================
   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. Consent - cookie banner */
@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');

/* 13. fromHollis auth surfaces — sign-in gate + account dropdown (reader UX pass).
   Self-contained dark surfaces scoped under .pi-gate/.pi-account-*; loaded last so
   its scoped rules win. Does NOT restyle the reader's content themes. */
@import url('./shell-hollis-auth.css');