/* ================================
   Webaltus Theme - main.css
   Structure des layers CSS
   ================================ */

/*@layer reset, bootstrap, base, components, layouts, utilities, theme, overrides;*/

/* Définir l’ordre global des layers */
@layer reset, bootstrap, theme, base, components, layouts, utilities, overrides;

/* Reset : normalisation navigateur */
@import url('reset/reset.css') layer(reset);

/* Encapsuler Bootstrap dans son propre layer */
@import url('../bootstrap/css/bootstrap.min.css') layer(bootstrap);
@import url('../bootstrap-icons/bootstrap-icons.css') layer(bootstrap);

/* Theme : design tokens (couleurs, polices, variables) */
@import url('theme/theme.css') layer(theme);
@import url('theme/_dark-theme.css') layer(theme);
/*@import url('theme/_theme-auto.css') layer(theme);*/

/* Base: styles fondamentaux HTML */
@import url('base/base.css') layer(base);
@import url('base/base-child/typography.css') layer(base);
@import url('base/base-child/headings.css') layer(base);
@import url('base/base-child/links.css') layer(base);
@import url('base/base-child/lists.css') layer(base);
@import url('base/base-child/tables.css') layer(base);
@import url('base/base-child/code.css') layer(base);



/* Components : boutons, cards, formulaires, etc.*/
@import url('components/components.css') layer(components);
@import url('hamburgers/dist/hamburgers.min.css') layer(components);
@import url('components/components-child/hamburgers.css') layer(components);
@import url('components/components-child/branding.css') layer(components);
@import url('components/components-child/alerts.css') layer(components);
@import url('components/components-child/buttons.css') layer(components);
@import url('components/components-child/cards.css') layer(components);
@import url('components/components-child/forms.css') layer(components);
@import url('components/components-child/pagination.css') layer(components);
@import url('components/components-child/search-form.css') layer(components);
@import url('components/components-child/modals.css') layer(components);
@import url('components/components-child/social.css') layer(components);

/* Layouts : structure globale (header, nav footer, sidebar, hero) */
@import url('layouts/layouts.css') layer(layouts);
@import url('layouts/layouts-child/wrapper.css') layer(layouts);
@import url('layouts/layouts-child/header.css') layer(layouts);
@import url('layouts/layouts-child/navs.css') layer(layouts);
@import url('layouts/layouts-child/hero.css') layer(layouts);
@import url('layouts/layouts-child/sidebar.css') layer(layouts);
@import url('layouts/layouts-child/page.css') layer(layouts);
@import url('layouts/layouts-child/single.css') layer(layouts);
@import url('layouts/layouts-child/archive.css') layer(layouts);
@import url('layouts/layouts-child/category.css') layer(layouts);
@import url('layouts/layouts-child/prefooter.css') layer(layouts);
@import url('layouts/layouts-child/footer.css') layer(layouts);

/* Utilities : classes utilitaires (margin, padding, text-align, display) */
@import url('utilities/utilities.css') layer(utilities);
@import url('utilities/utilities-child/scroll-animation.css') layer(utilities);

/* Overrides : correctifs et surcharges spécifiques (Bootstrap par exemple  */
@import url('overrides/overrides.css') layer(overrides);