/* ============================================================================
   MTMP 360 — DESIGN SYSTEM CASCADE INDEX (single source of layer order)
   ----------------------------------------------------------------------------
   Epic UX-DS-01 / Story DS-01.02 — @layer cascade.

   PROBLEMA (pre-DS-01.02): Bootstrap + 25 CSS de app + overrides inline peleaban
   especificidad ad-hoc; cualquier primitivo nuevo tenía que ganar la guerra a mano
   (a veces con !important).

   SOLUCIÓN: declarar UNA VEZ el orden de capas. Lo último en el orden gana.
     reset      → vendor/normalize (Bootstrap vive aquí, prioridad MÁS BAJA)
     tokens     → design-system/tokens.css (variables :root, DS-01.01)
     base       → design-system/base.css   (estilos globales base, DS-01.01)
     components → primitivos Components/DesignSystem/* + componentes de app
     utilities  → clases utilitarias (.mt-*, .gap-*, …)
     overrides  → escotilla de último recurso (debe quedar casi vacía)

   Con esto, una regla en `components`/`base`/`tokens` gana a Bootstrap (en `reset`)
   SIN `!important`, porque el orden de @layer manda sobre la especificidad entre
   capas distintas.

   NOTA de cascada CSS: los estilos NO-layered (los <link> de app que aún no se
   movieron a una capa, y el CSS scoped de Blazor *.styles.css) tienen prioridad
   MÁS ALTA que cualquier capa. Por eso sus reglas siguen aplicando intactas
   (regresión cero). DS-01.07 los moverá progresivamente a `components`/`utilities`.
   ============================================================================ */

/* 1) Orden de capas — declaración única (lo único que fija la precedencia). */
@layer reset, tokens, base, components, utilities, overrides;

/* 2) Bootstrap → capa `reset` (prioridad más baja entre las capas).
      Se importa aquí en vez de via <link> para poder asignarlo a una capa. */
@import url("../bootstrap/bootstrap.min.css") layer(reset);

/* 3) Tokens canónicos (DS-01.01) → capa `tokens`. */
@import url("tokens.css") layer(tokens);

/* 4) Estilos base globales (DS-01.01) → capa `base`. */
@import url("base.css") layer(base);

/* 5) UX-DS-02.03 — los 2 hotfixes amplios (antes <link> sueltos en _Layout, no-layered,
      372 !important) se pliegan a la capa `overrides` (la de mayor precedencia entre capas).
      Se preserva su orden de carga original (create-project-hotfix ANTES de visual-polish, para
      que visual-polish gane los conflictos como antes). Con esto salen de la cascada no-layered
      y participan del @layer cascade; el conteo de <link> en _Layout baja en 2. Verificado con
      diff visual + computed styles de CreateProject (regresión cero). */
@import url("../create-project-hotfix.css") layer(overrides);
@import url("../visual-polish-2026.css") layer(overrides);