/*
 * Cascade layer order for the whole app. The first declaration of a layer fixes its
 * place, so this must be the first stylesheet in the page: index.html links it before
 * anything else, and it lives in public/ so the build copies it as it is, instead of
 * bundling it into a CSS chunk that Vite may link after the shared Vuetify component
 * chunks. Vuetify 4 puts all of its CSS in layers: vuetify-core (reset, base),
 * vuetify-components, vuetify-overrides (our src/styles/vuetify-app.css),
 * vuetify-utilities (pa-4, text-medium-emphasis, the theme's bg-/text- classes) and
 * vuetify-final.
 *
 * vuetify-core.gms-base holds the app's element rules (root font size, links, code,
 * the keyboard focus ring; at the top of src/styles/vuetify-app.css): above Vuetify's
 * reset and base, below its components, so they never restyle a Vuetify component.
 */
@layer vuetify-core, vuetify-components, vuetify-overrides, vuetify-utilities, vuetify-final;
@layer vuetify-core.reset, vuetify-core.base, vuetify-core.gms-base;