/* =============================================================================
   MAIN CSS FILE - MODULAR ARCHITECTURE
   ============================================================================= */

/* BASE LAYER - Foundation styles */
@import url('base/reset.css');
@import url('base/variables.css');
@import url('base/typography.css');
@import url('base/layout.css');
@import url('base/sections.css');

/* COMPONENTS LAYER - UI Components */
@import url('components/accessibility.css');
@import url('components/loading.css');
@import url('components/header.css');
@import url('components/buttons.css');
@import url('components/hero.css');
@import url('components/carousel.css');
@import url('components/infinite-carousel.css');
@import url('components/lightbox.css');
@import url('components/cards.css');
@import url('components/server-info.css');
@import url('components/server-features.css');
@import url('components/features.css');
@import url('components/podium.css');
@import url('components/faq.css');
@import url('components/footer.css');

/* PAGES LAYER - Page-specific styles */
@import url('pages/leaderboard.css');
@import url("pages/event-details.css");

/* UTILITIES LAYER - Helper classes and overrides */
@import url('utilities/animations.css');
@import url('utilities/responsive.css');
@import url('utilities/utilities.css');
@import url('utilities/global-scale.css');
@import url('utilities/mobile.css');