/* estilos/src/main.css */
/* Arquivo principal que importa todos os estilos do projeto */

@layer base, components, layouts, themes, pages;

/* === 1. BASE === */
@import url('/estilos/src/base/variables.css') layer(base);
@import url('/estilos/src/base/reset.css') layer(base);
@import url('/estilos/src/base/typography.css') layer(base);

/* === 2. COMPONENTS === */
@import url('/estilos/src/components/buttons.css') layer(components);
@import url('/estilos/src/components/forms.css') layer(components);
@import url('/estilos/src/components/cards.css') layer(components);
@import url('/estilos/src/components/dropdowns.css') layer(components);
@import url('/estilos/src/components/modals.css') layer(components);
@import url('/estilos/src/components/tables.css') layer(components);
@import url('/estilos/src/components/profissional-dashboard.css') layer(components);
@import url('/estilos/src/components/profissional-tools.css') layer(components);
@import url('/estilos/src/components/sidebars.css') layer(components);
@import url('/estilos/src/components/hover-normalize.css') layer(components); /* Normaliza hovers global */

/* === 3. LAYOUTS === */
@import url('/estilos/src/layouts/main-header.css') layer(layouts);
@import url('/estilos/src/layouts/dashboard-header.css') layer(layouts);
@import url('/estilos/src/layouts/footer.css') layer(layouts);

/* === 4. THEMES === */
@import url('/estilos/src/themes/dark-mode.css') layer(themes);

/* === 5. PAGES === */
/* Páginas específicas devem ser importadas individualmente nos arquivos .ejs */
/* Exemplos: 
   - index-page.css
   - login-register.css
   - dashboard.css
*/

/* Import mobile unified layout styles */
@import url('./mobile/mobile-unified-layout.css');