/*
 * Ordem das camadas (@layer) do Vuetify 4, lida antes de qualquer outro estilo (index.html). No build, o Vite liga o CSS
 * dos pedaços compartilhados (VBtn, VInput…) antes do index-*.css, que traz o vuetify/styles; sem esta declaração,
 * vuetify-components nasce antes de vuetify-core, e o reset do core (button { font-size: inherit }) passa por cima dos
 * componentes: os botões x-large perdiam a letra de 18 px. Receita da documentação do Vuetify (Styles > CSS Layers):
 * em public/ e ligada no index.html, nunca importada pelo JavaScript, porque o build não garante a ordem.
 */
@layer vuetify-core {
  @layer reset, base;
}
@layer vuetify-components;
@layer vuetify-overrides;
@layer vuetify-utilities {
  @layer theme-base, typography, helpers, theme-background, theme-foreground;
}
@layer vuetify-final {
  @layer transitions, trumps;
}