/*
 * CSS カスケードレイヤーの順序の宣言。どの CSS よりも先に読み込む必要があるため、index.html から直接読み込んでいる
 * （webpack でまとめると、読み込み順が保証されない）。
 *
 * important: 全ての CSS の !important 付きの宣言を集めたレイヤー（postcss-legacy-layers.js を参照）
 * vuetify-*: Vuetify 4 のレイヤー。https://vuetifyjs.com/en/styles/layers/
 *   Bootstrap やアプリの CSS の !important のない宣言も、postcss-legacy-layers.js で vuetify-components に入れている。
 */
@layer important;
@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;
}