/* =============================================================================
   CSS v2 MAIN - Import Orchestrator

   This is the single entry point for all v2 CSS.
   Import order matters: tokens → layout → utilities → effects
   ============================================================================= */

/* 1. Design Tokens (CSS variables, Layers 1-4) */
@import url('tokens.css');

/* 2. Layout & Components (includes reset, app shell, rail, sidebar, avatars) */
@import url('layout.css');

/* 3. Utility Classes (spacing, flex, icons, etc.) */
@import url('utilities.css');

/* 4. Spectacle & Essence Effects (celebrations, games) */
@import url('spectacle.css');

/* 5. Build Toast Notifications */
@import url('build-toast.css');

/* 6. Bug Report Widget */
@import url('bug-widget.css');

/* 7. Page-Specific Styles */
@import url('pages/levels.css');
@import url('pages/badges.css');
@import url('pages/spectacle-test.css');
@import url('pages/verification.css');
@import url('pages/prediction.css');
@import url('pages/profile.css');
@import url('pages/dm.css');
@import url('pages/friends.css');
@import url('pages/referrals.css');
@import url('pages/cards.css');
@import url('pages/pack.css');
@import url('pages/shop.css');
@import url('pages/services.css');
@import url('pages/chat.css');
@import url('pages/quests.css');