/*
 * PULSE dashboard / alert design tokens (WCAG AA).
 * Applied via documentElement[data-theme="light"|"dark"].
 * Component CSS must use var(--token) only — add tokens here (both themes)
 * rather than hardcoding hex in component styles.
 */

:root,
[data-theme="dark"] {
    /* Solid emergency fill: white body text clears ≥4.5:1 */
    --crit-solid: #B02A22;
    --crit-solid-fg: #FFFFFF;
    /* Bright crit — chip text / status text on deep surfaces (not white-backed fills) */
    --crit: #EF4956;
    --crit-bg: #2B1212;
    --crit-bd: #7A3030;
    --crit-action-fg: #8F1D14;

    /*
     * Deep navy surface — AA for --text/--text-2 and bright --crit status text.
     * Mid navy #444570 fails bright --crit (~2.5:1).
     */
    --panel: #0d1b29;
    --surface: #0d1b29;
    --text: #FFFFFF;
    --text-2: #B2C2CB;
    --text-3: #B2C2CB;

    /* Status chips (solid) — fills dark enough for white / dark ink ≥4.5:1 */
    --ok: #2E7D32;
    --ok-fg: #FFFFFF;
    --warn: #F5C518;
    --warn-fg: #1A1A1A;
    --info: #1565C0;
    --info-fg: #FFFFFF;
    --neutral-chip: #616161;
    --neutral-chip-fg: #FFFFFF;
    --on-accent: #FFFFFF;
}

[data-theme="light"] {
    --crit-solid: #B02A22;
    --crit-solid-fg: #FFFFFF;
    --crit: #B02A22;
    --crit-bg: #FDECEC;
    --crit-bd: #E8A09A;
    --crit-action-fg: #8F1D14;

    --panel: #FFFFFF;
    --surface: #FFFFFF;
    --text: #212529;
    --text-2: #495057;
    --text-3: #6C757D;

    --ok: #2E7D32;
    --ok-fg: #FFFFFF;
    --warn: #F5C518;
    --warn-fg: #1A1A1A;
    --info: #1565C0;
    --info-fg: #FFFFFF;
    --neutral-chip: #616161;
    --neutral-chip-fg: #FFFFFF;
    --on-accent: #FFFFFF;
}