@layer reset, bootstrap, theme, base, components, layouts, utilities, overrides;

/* ================================
   Global theme main.css — layered CSS cascade

   NOTE — Bootstrap & Bootstrap Icons are loaded once globally via an
   inline <style> printed in <head> by core/bootstrap-loader.php, so
   they sit inside @layer bootstrap. Do NOT re-import them here.
   ================================ */

/* Reset : normalisation navigateur */
@import url('reset/reset.css') layer(reset);

/*Theme : design tokens (couleurs, polices, variables) */
@import url('theme/theme.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/lists.css') layer(base);
@import url('base/base-child/tables.css') layer(base);
@import url('base/base-child/code.css') layer(base);

/*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);

/*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);
@import url('utilities/utilities-child/vhsettings.css') layer(utilities);

/* Overrides : correctifs et surcharges spécifiques (Bootstrap par exemple  */
@import url('overrides/overrides.css') layer(overrides);