/* ============================================================================
   GLUB CONVENT 2027 : assets/css/main.css
   ----------------------------------------------------------------------------
   Point d'entrée unique : chaque page ne référence que ce fichier.
   L'ordre ci-dessous est celui de la cascade et ne doit pas changer :

     1. tokens     variables : ne peint rien
     2. fonts      @font-face auto-hébergés
     3. base       reset, éléments HTML, socle d'accessibilité
     4. utilities  classes utilitaires (convention Tailwind)
     5. layout     en-tête, navigation, sections, pied de page
     6. components boutons, cartes, formulaires, modales, tableaux…
     7. patterns   assemblages propres au portail (hero, badge, lettre…)
     8. app-shell  espace participant et tableau de bord du Comité

   En production : concaténer et minifier ces huit fichiers en un seul
   (`npm run build:css` dans tools/build.mjs) pour supprimer les @import
   en cascade. En développement, les @import gardent les fichiers lisibles.
   ========================================================================== */

/* Ordre des couches en cascade, déclaré AVANT tout import : les utilitaires
   l'emportent sur les composants, comme dans Tailwind, sans `!important`. */
@layer tokens, fonts, base, layout, components, patterns, app, utilities;

@import url("tokens.css") layer(tokens);
@import url("fonts.css") layer(fonts);
@import url("base.css") layer(base);
@import url("utilities.css") layer(utilities);
@import url("layout.css") layer(layout);
@import url("components.css") layer(components);
@import url("patterns.css") layer(patterns);
@import url("app-shell.css") layer(app);