/*
==========================================================
MAIN.CSS
==========================================================
Descrição:
Arquivo principal que importa todos os CSS do framework.
Seguindo a ordem correta de dependências:
1. Tokens (variáveis)
2. Base (reset, normalização)
3. Components (cards, buttons, menus, etc.)
4. Utilities (helpers, margin/padding, display)
5. Pages (home, single, templates específicos)
6. Overrides (customizações do tema e plugins)
7. Responsive (breakpoints, media queries)
8. Hotfix (ajustes emergenciais temporários)
==========================================================
*/

@import url("./tokens.css"); /* Variáveis globais (cores, tipografia, espaçamento, shadows, border-radius, z-index) */
@import url("./base.css"); /* Reset CSS e normalização do HTML */
@import url("./components.css"); /* Botões, cards, menus, formulários, elementos repetitivos */
@import url("./utilities.css"); /* Helpers, margin/padding, display, text-align, hidden, flex helpers */
@import url("./pages.css"); /* Estilos específicos de páginas e templates */
@import url("./overrides.css"); /* Ajustes de plugins e customizações do tema */
@import url("./responsive.css"); /* Media queries, mobile first */
@import url("./hotfix.css"); /* Ajustes urgentes e temporários */

/* ========================================================
NOTA IMPORTANTE:
- Em desenvolvimento, os @imports ajudam a manter o CSS organizado.
- O @import por si só não garante apenas um request CSS no frontend.
- Para produção, compilar tudo em um único main.min.css com Gulp,
  PostCSS, Vite ou outro processo de build.
- Mantém o VS Code autocomplete funcionando para as variáveis.
======================================================== */