/* =============================================================================
   MAIN.CSS — ponto de entrada do CSS
   Importa todos os módulos pela ordem correcta da cascade.
   
   Ordem: base → layout → components → sections → utils
============================================================================= */

/* 1. Base */
@import url('./base/_variables.css');
@import url('./base/_reset.css');
@import url('./base/_typography.css');

/* 2. Layout estrutural */
@import url('./layout/_topbar.css');
@import url('./layout/_navbar.css');
@import url('./layout/_footer.css');

/* 3. Componentes reutilizáveis */
@import url('./components/_buttons.css');
@import url('./components/_cards.css');
@import url('./components/_forms.css');

/* 4. Secções da página */
@import url('./sections/_hero.css');
@import url('./sections/_numbers.css');
@import url('./sections/_about.css');
@import url('./sections/_mission.css');
@import url('./sections/_services.css');
@import url('./sections/_initiatives.css');
@import url('./sections/_gallery.css');
@import url('./sections/_quote.css');
@import url('./sections/_map.css');
@import url('./sections/_partners.css');
@import url('./sections/_testimonials.css');
@import url('./sections/_contact.css');
@import url('./sections/_newsletter.css');

/* 5. Utilitários (último — maior especificidade) */
@import url('./components/_preloader.css');
@import url('./components/_back-to-top.css');
@import url('./utils/_animations.css');
@import url('./utils/_responsive.css');