/* ==========================================================================
   ARQUIVO PRINCIPAL DE ESTILOS
   Só importa os outros arquivos, na ordem em que fazem sentido (base antes
   de componentes, componentes antes de layout, layout antes de páginas).
   Esse é o ÚNICO arquivo CSS referenciado no <head> de cada página HTML.
   Para alterar um estilo específico, vá direto ao arquivo correspondente
   dentro de base/, components/, layout/ ou pages/.
   ========================================================================== */

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

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

/* Estrutura de layout (header, footer, grid) */
@import url('layout/_grid.css');
@import url('layout/_header.css');
@import url('layout/_footer.css');

/* Estilos específicos de cada página */
@import url('pages/_home.css');
@import url('pages/_projects.css');
@import url('pages/_contact.css');