/* ============================================================
   REAPER SQUAD — Main CSS Entry Point
   Import order matters: base → theme-vars → themes → features
   ============================================================ */

/* 1. Base: :root defaults, reset, layout, body */
@import url('./base.css');

/* 2. Theme CSS variable blocks (19 themes) */
@import url('./theme-vars.css');

/* 3. Theme animations & particle effects (sakura, lalisa, etc.) */
@import url('./themes.css');

/* 4. Feature CSS — each scoped to its feature */
@import url('./features/auth.css');
@import url('./features/home.css');
@import url('./features/workout.css');
@import url('./features/leaderboard.css');
@import url('./features/stats.css');
@import url('./features/squad.css');
@import url('./features/chat.css');
@import url('./features/anime-select.css');
@import url('./features/train.css');
@import url('./features/skill-tree.css');
@import url('./features/tu-profile.css');

/* 5. Animations (last — overrides are intentional) */
@import url('./features/animations.css');

/* 6. Compat: classes from old styles.css missing in refactored CSS */
@import url('./features/compat.css');

/* 7. Premium UI Overhaul — AAA dashboard quality */
@import url('./premium-ui.css');

/* 8. Survey Modal — inline fullscreen overlay (F-08) */
@import url('./features/survey-modal.css');