/* =====================================================
   RUNESCAPE TRACKER - MODULAR CSS ARCHITECTURE
   =====================================================
   
   This file imports all modular CSS files in the correct order.
   The original monolithic styles.css has been split into:
   
   1. variables.css     - CSS custom properties (colors, spacing, etc.)
   2. base.css          - Reset, body, scrollbar, compact UI
   3. animations.css    - All @keyframes animations
   4. effects.css       - Name effects, avatar styles, text effects
   5. header.css        - Header, navigation, flash bar, clan banner
   6. components.css    - Cards, buttons, modals, toggles, dropdowns
   7. dashboard.css     - Dashboard layout, cards, tasks, rotations
   8. tracker.css       - XP tracker, search, player results, skills grid
   9. community.css     - Chat system, suggestions, community hub
   10. profile.css      - Profile pages, bio, wall, user profiles
   11. notifications.css - Notification system, toasts
   12. clan.css         - Clan system, tables, podiums, competitions
   13. responsive.css   - All media queries for mobile/tablet
   
   To use: Replace <link rel="stylesheet" href="styles.css">
   with: <link rel="stylesheet" href="styles-modular.css">
   
   ===================================================== */

/* Google Fonts for clan customization */
@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Press+Start+2P&family=Bungee&family=Bungee+Shade&family=Orbitron:wght@400;700&family=Quicksand:wght@400;500;700&family=Audiowide&family=Cinzel+Decorative:wght@400;700&family=Abril+Fatface&family=Great+Vibes&family=Anton&family=Lora:ital@0;1&family=Satisfy&family=VT323&family=Rajdhani:wght@400;700&display=swap');

@import url('css/variables.css');
@import url('css/base.css');
@import url('css/animations.css');
@import url('css/effects.css');
@import url('css/header.css');
@import url('css/components.css');
@import url('css/dashboard.css');
@import url('css/tracker.css');
@import url('css/community.css');
@import url('css/profile.css');
@import url('css/notifications.css');
@import url('css/clan.css');
@import url('css/responsive.css');