/*
 * CSS Cascade Layer initialization — Public host.
 *
 * MUST be loaded FIRST in index.html (before all other stylesheets).
 * Establishes the layer priority order and wraps third-party CSS into
 * the lowest-priority layer so host overrides win without !important.
 *
 * Layer priority (ascending — last declared = highest):
 *   third-party < design-system < host
 *
 * NOTE: Blazor isolation bundles (ScoutBadger.Public.Client.styles.css)
 * are loaded unlayered and implicitly beat all layers — this is intentional.
 * Component-scoped styles correctly win over host theme overrides.
 *
 * NOTE: Public uses Radzen material.css (vs Manager's humanistic.css).
 * This is intentional — the Public app targets a different audience with
 * a warmer, more energetic design language.
 *
 * Browser support: Chrome 99+, Firefox 97+, Safari 15.4+, Edge 99+ (all 2022+).
 */

/* Declare layer order — earlier = lower priority */
@layer third-party, design-system, host;

/* ── Third-party layer ─────────────────────────────────────────────────────
   Radzen material.css and MudBlazor are wrapped here so host overrides
   in @layer host win by cascade order alone — no !important required.
   ────────────────────────────────────────────────────────────────────────── */
@import url("../_content/Radzen.Blazor/css/material.css") layer(third-party);
@import url("../_content/MudBlazor/MudBlazor.min.css") layer(third-party);

/* ── Design-system layer ───────────────────────────────────────────────────
   All of scoutbadger-ui.css (tokens, shell, components, animations,
   radzen-overrides) lives here. Wins over third-party by cascade.
   
   Component feature CSS (dashboard, reviews, progress, etc.) also loads
   here — co-located with the component library but in the same layer.
   ────────────────────────────────────────────────────────────────────────── */
@import url("../_content/ScoutBadger.Ui.DesignSystem/css/scoutbadger-ui.css") layer(design-system);
@import url("../_content/ScoutBadger.Ui.Components/css/sb-components.css") layer(design-system);
@import url("../_content/ScoutBadger.Ui.AppShell.Public/css/public-shell.css") layer(design-system);