/* ========================================================================== KORMAN PORTAL — DESIGN SYSTEM -------------------------------------------------------------------------- Visual language: modern SaaS healthcare analytics. Source of truth: originally extracted from Dashboard.razor + SpendComparisonTab.razor (redesigned earlier). This file is the authoritative token/component sheet for the entire app going forward. HOW TO USE ---------- • Pages should reference semantic utility classes (.app-card, .app-kpi-card, .app-btn-primary, .app-badge, etc.) instead of hard-coding colors. • For custom one-off styling in a page, reference the CSS custom properties (var(--app-surface), var(--app-text-muted), ...) so dark mode flows through automatically. • Icon accent families: .app-icon--blue | indigo | emerald | rose | amber | teal | orange | green. Pair with a parent container that has some padding and radius (e.g. .app-kpi-icon). DARK MODE --------- MudBlazor 8.x adds the class `mud-theme-dark` to (and/or html) when flips on. We redefine the token values under that selector so every component class follows along. Do NOT duplicate dark-specific rules in component selectors — change the token, not the component. WHY THIS EXISTS --------------- Inline