/* =============================================================================
   MAIN.CSS - CSS Entry Point

   This file imports all modular CSS files. The order matters:
   1. tokens.css - Design tokens, variables, font imports (must be first)
   2. themes.css - Color themes (depends on tokens)
   3. base.css - Reset, typography, layout foundations
   4. Component modules - Reusable UI components
   5. timeline.css - Calendar/timeline specific styles
   6. pages.css - Page-specific styles
   7. stats.css - Stats panel styles
   8. leaderboard.css - Leaderboard page styles
   9. utilities.css - Utility classes (should be last for override capability)
   ============================================================================= */

@import url('fonts_generated.css');
@import url('tokens.css');
@import url('themes_generated.css');
@import url('base.css');

/* Component modules */
@import url('components/cards.css');
@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/badges.css');
@import url('components/modals.css');
@import url('components/alerts.css');
@import url('components/collapsibles.css');
@import url('components/navigation.css');
@import url('components/credits.css');

/* Feature-specific styles */
@import url('timeline.css');
@import url('pages.css');
@import url('stats.css');
@import url('leaderboard.css');
@import url('utilities.css');