/* ==================================================
   Fichier : app.css
   Dossier : assets/css/src/
   Rôle : point d’entrée principal des styles du site.

   Résumé

    ✔ Centralise tous les imports CSS
    ✔ Respecte l’ordre logique de chargement
    ✔ Sépare base / mise-en-page / composants / pages
    ✔ Facilite la maintenance et l’évolution

   RÈGLES

    ✔ Toujours importer dans le bon ordre
    ✔ Base avant mise-en-page
    ✔ Mise-en-page avant composants
    ✔ Composants avant pages
    ✔ Ne jamais écrire de styles directs ici

   Exemple d’utilisation

    <link rel="stylesheet" href="assets/css/src/app.css">

   ================================================== */

/* =========================
   BASE
   ========================= */

@import url("./base/variables.css");
@import url("./base/base.css");
@import url("./base/typographie.css");

/* =========================
   MISE EN PAGE
   ========================= */

@import url("./mise-en-page/sections.css");
@import url("./mise-en-page/hero.css");
@import url("./mise-en-page/entete-site.css");
@import url("./mise-en-page/pied-site.css");

/* =========================
   COMPOSANTS
   ========================= */

@import url("./composants/bouton.css");
@import url("./composants/carte.css");
@import url("./composants/accordeon.css");
@import url("./composants/liste.css");
@import url("./composants/notice.css");
@import url("./composants/cookie-banner.css");
/* =========================
   PAGES
   ========================= */

@import url("./pages/accueil.css");
@import url("./pages/forfaits.css");
@import url("./pages/benevoles.css");
@import url("./pages/partenaires.css");
@import url("./pages/faq.css");
@import url("./pages/contact.css");
@import url("./pages/legale.css");

/* =========================
   MODULE
   ========================= */

@import url("./modules/legal.css");
@import url("./modules/admin.css");