/* Ordre des couches CSS (Vuetify 4 : https://vuetifyjs.com/en/styles/layers/#custom-layer-order).
   Chargé par un <link> en tête du <head> (app.head.link dans nuxt.config.ts), avant tout autre CSS : sinon le premier
   CSS chargé (chunk de composant Vuetify, style inline SSR...) fixerait un mauvais ordre.
   Le CSS hors couche (styles scoped des composants, UnoCSS, libs tierces) reste prioritaire sur toutes les couches. */

@layer vuetify-core;
@layer fivent-base;         /* socle : balises (html, *, p, a...) — sous les composants Vuetify */
@layer vuetify-components;
@layer vuetify-overrides;
@layer fivent-common;       /* socle : polices, couleurs, surcharges Vuetify partagées */
@layer fivent-app;          /* spécifique site (vide pour l'instant) */
@layer vuetify-utilities;   /* utilitaires Vuetify (pa-3, text-primary, font-weight-bold...) : devant le CSS de l'app */
@layer vuetify-final;
