/*
 * ℹ️ Vuetify 4 cascade layers order.
 * Linked from `index.html` (not bundled) so it is the very first stylesheet: the first time a layer name
 * appears fixes its position, and Materio's styles reference some Vuetify layers before Vuetify's own CSS loads.
 * Mirrors `vuetify/lib/styles/generic/_layers.scss`.
 * Docs: https://vuetifyjs.com/en/styles/layers/#custom-layer-order
 */
@layer vuetify-core {
  @layer reset, base;
}

/* Also contains Materio styles (global SCSS & SFC styles), see `materioCssLayer` in `vite.config.ts` */
@layer vuetify-components;

@layer vuetify-overrides;

@layer vuetify-utilities {
  @layer theme-base;
  @layer typography;
  @layer helpers;
  @layer theme-background;
  @layer theme-foreground;
}

@layer vuetify-final {
  @layer transitions, trumps;
}