/*
 * The order of Vuetify's cascade layers, with the app's one layer among them,
 * read before any other stylesheet (index.html links it first).
 *
 * A browser orders layers by where each is first named, and every Vuetify
 * stylesheet names its own: without this file the first component to load
 * (VIcon on the dev server, VCard in the build) named `vuetify-components`
 * before `vuetify/styles` named the rest,
 * so Vuetify's reset beat its own components and its `vuetify-final` layer
 * lost to everything (2026-10-07). Vuetify's docs ("CSS Layers") ask for this
 * file, in `public/`, linked from index.html: an import from a script or an
 * `@import` is bundled, and a bundle keeps no order. `layers.test.ts` holds
 * it to the order `vuetify/styles` declares.
 */
@layer vuetify-core {
  @layer reset, base;
}
@layer vuetify-components;
@layer app-components;
@layer vuetify-overrides;
@layer vuetify-utilities {
  @layer theme-base, typography, helpers, theme-background, theme-foreground;
}
@layer vuetify-final {
  @layer transitions, trumps;
}