/* =============================================================================
   MAIN — full app stylesheet bundle (load this in index.html)

   Load order matters. Each layer builds on the one above.

   Layer 1  core        tokens.css      Design variables (:root)
                          ambient.css     Background glow (vpos-current only)
                          controls.css    Button / input tiers
                          icons.css       Icon colors + placement
                          icon-packs.css  Per-pack glyph presentation
   Layer 2  shell       layout.css      #app grid, panels, screen chrome
                          navigation.css  Appbar, flyouts, nav rows
                          forms.css       Inputs outside composer
   Layer 3  features    chat.css        Messages, composer, profiles
                          cards.css       Galleries, record cards
                          boards.css      Flow boards, session cards
                          slips.css       Slip editor chrome
                          personas.css    Persona manager surfaces
                          settings.css    Settings page layout
                          media.css       Media library
                          modals.css      Dialogs
   Layer 4  compact     compact.css     Code preview, debug panels
   Layer 5  splash      splash.css      Auth splash
   Layer 6  dev         testing.css     Test helpers (non-production)

   Loaded separately (after main.css):
     modern.css    Optional polish pass
     themes.css    Color presets — overrides tokens, icons, ambient
     dev-viewport.css   Local phone-frame dev shell only

   Rules of thumb:
     • Glyphs/shapes  → scripts/icons.js only
     • Icon colors    → icons.css (+ themes.css overrides)
     • Button sizing  → controls.css tier classes only
     • Theme colors   → themes.css, never hard-coded in feature CSS
   ============================================================================= */

@import url("./bundles/core.css");
@import url("./layout.css");
@import url("./navigation.css");
@import url("./forms.css");
@import url("./chat.css");
@import url("./cards.css");
@import url("./boards.css");
@import url("./slips.css");
@import url("./personas.css");
@import url("./settings.css");
@import url("./media.css");
@import url("./modals.css");
@import url("./compact.css");
@import url("./splash.css");
@import url("./testing.css");