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

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

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

@import url('bootstrap/css/bootstrap.min.css') layer(bootstrap);

/*Theme : design tokens (couleurs, polices, variables) */
@import url('theme/theme.css') layer(theme);
@import url('theme/_light-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/temoin.css') layer(components);
@import url('components/components-child/social.css') layer(components);
@import url('components/components-child/tableau-contribution.css') layer(components);
@import url('components/components-child/food-progress-bar.css') layer(components);
@import url('components/components-child/dashboard-hebergement.css') layer(components);
@import url('components/components-child/backtotop-button.css') layer(components);
@import url('components/components-child/table.css') layer(components);


/*Layouts : structure globale (header, nav footer, sidebar, hero) */
@import url('layouts/layouts.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/user-nav.css') layer(layouts);
@import url('layouts/layouts-child/hero.css') layer(layouts);
@import url('layouts/layouts-child/connexion.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);
@import url('layouts/layouts-child/mes-contributions.css') layer(layouts);
@import url('layouts/layouts-child/dashboard-maries.css') layer(layouts);

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

@import url('utilities/utilities-child/vhsettings.css') layer(utilities);

/* Overrides : correctifs et surcharges spécifiques (Bootstrap par exemple  */
@import url('overrides/overrides.css');
@import url('overrides/overrides-child/bootstrap-fixes.css');
@import url('overrides/overrides-child/hamburgers-cutom-style.css');