/* ================================
   ARQUIVO PRINCIPAL DE ESTILOS
   Importa todos os módulos de CSS
================================ */

/* 1. Base (Variáveis, Resets, Tipografia) */
@import url('base/_geral.css');
@import url('base/_tipografia.css');

/* 2. Layout (Estrutura principal como Header e Footer) */
@import url('layout/_header.css');
@import url('layout/_footer.css');

/* 3. Componentes (Partes reutilizáveis da UI) */
@import url('componentes/_botoes.css');
@import url('componentes/_carrossel.css');
@import url('componentes/_dropdown.css');
@import url('componentes/_hamburger.css');
@import url('componentes/_category-carousel.css');
@import url('componentes/_busca.css');
@import url('componentes/_modal.css');

/* 4. Páginas (Estilos específicos para cada página) */
@import url('pages/_catalogo.css');
@import url('pages/_produto-detalhe.css');
@import url('pages/_contato.css');
@import url('pages/_carrinho.css');

/* 5. Responsividade (SEMPRE POR ÚLTIMO PARA SOBRESCREVER TUDO) */
@import url('_responsividade.css');