/* ===== App Design Tokens (Story 02 / Feature css-hygiene) =====
 *
 * Diese Datei ist die EINZIGE Stelle, an der `--mud-palette-*` direkt
 * referenziert werden darf. Alle anderen CSS- und Razor-Dateien
 * verwenden ausschliesslich `--app-*`-Tokens.
 *
 * Begruendung: MudBlazor-Updates koennen Variablen umbenennen — mit dieser
 * Indirektionsschicht aendern wir genau eine Datei statt das ganze Repo.
 * Zusaetzlich findet der IDE-Linter (Rider CssUnresolvedCustomProperty)
 * `--app-*` statisch und meldet keine falschen Warnings mehr.
 *
 * Mapping ist 1:1 — keine visuellen Aenderungen. Wenn neue Tokens
 * gebraucht werden: hier ergaenzen, in `_components.css` verwenden.
 *
 * Siehe ADR docs/adr/2026-04-26-css-token-layer-und-globale-klassen.md
 */

:root {
    /* Surface / Background */
    --app-surface-base: var(--mud-palette-background);                 /* App-Hintergrund (Hauptinhalt) */
    --app-surface-elevated: var(--mud-palette-background-grey);        /* Erhoehte Boxen (Kanban-Spalten, Mobile-Filter, Card-Backdrops) */
    --app-surface-card: var(--mud-palette-surface);                    /* MudPaper / Karten-Hintergrund */

    /* Text */
    --app-text-primary: var(--mud-palette-text-primary);               /* Standard-Lesetext */
    --app-text-muted: var(--mud-palette-text-secondary);               /* Sekundaere Labels, Captions, Empty-States */
    --app-text-disabled: var(--mud-palette-text-disabled);             /* Deaktivierte Eingaben */

    /* Border / Lines */
    --app-border-default: var(--mud-palette-lines-default);            /* Standard-Rahmen, Trenner */

    /* Accent / States */
    --app-accent: var(--mud-palette-primary);                          /* Primaer-Aktionsfarbe (Buttons, Focus, Highlight) */
    --app-accent-success: var(--mud-palette-success);                  /* Erfolgs-Status */
    --app-accent-warning: var(--mud-palette-warning);                  /* Warn-Status */
    --app-accent-error: var(--mud-palette-error);                      /* Fehler-Status */
    --app-accent-info: var(--mud-palette-info);                        /* Info-Status */

    /* Elevation (Material-Design Schatten-Stufen via MudBlazor) */
    --app-elevation-hover: var(--mud-elevation-6);                     /* Hover-Schatten fuer Karten/Panels */
}