/* ============================================
   STYLE.CSS - LEGACY FILE (NOW USES IMPORTS)
   ============================================
   
    NOTE: This file now imports all modular components
   
   All styles have been refactored into organized components.
   You can use either:
   - css/style.css (this file - for backwards compatibility)
   - css/main.css (recommended - same imports, clearer intent)
   
   Both files load the same modular component structure.
   
   ============================================ */

/* Import all modular CSS components */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('components/header.css');
@import url('components/buttons.css');
@import url('components/hero.css');
@import url('components/pages.css');
@import url('components/features.css');
@import url('components/chants.css');
@import url('components/missions.css');
@import url('components/resources.css');
@import url('components/profile.css');
@import url('components/donations.css');
@import url('components/tiers.css');
@import url('components/cards.css');
@import url('components/footer.css');
@import url('components/forms.css');
@import url('components/tabs.css');
@import url('components/filters.css');
@import url('components/countdown.css');
@import url('components/modal.css');
@import url('components/notification.css');
@import url('components/guide.css');
@import url('components/explore.css');
@import url('components/glass.css');
@import url('layout/layout.css');
@import url('utils/animations.css');

/* ============================================
   All component styles are now in separate files
   
   To add new styles:
   1. Identify the appropriate component file
   2. Add styles to that component
   3. If creating a new component, add it to components/
      and import it above
   
   ============================================ */