/**
 * PharmData Design System - Clinical Severity Tokens
 *
 * Escala de 5 níveis para codificação de severidade em contextos clínicos
 * e de farmacovigilância. Cada nível tem trio bg/text/border calibrado
 * para contraste WCAG AA em light mode E dark mode.
 *
 * IMPORTANTE: toda UI que usa estas cores deve ter encoding secundário
 * (ícone + texto), nunca só cor. Daltonismo afeta ~8% dos homens.
 */

:root {
    /* CRITICAL — vermelho profundo, reservado para sinais que exigem atenção imediata */
    --sev-critical-bg:     #FCEBEB;
    --sev-critical-text:   #8E1F1F;
    --sev-critical-border: #E24B4A;

    /* ATTENTION — âmbar, para sinais que escalaram ou merecem monitoramento */
    --sev-attention-bg:     #FAEEDA;
    --sev-attention-text:   #7A4A0A;
    --sev-attention-border: #C77B1A;

    /* WATCH — azul-acinzentado, para sinais em observação sem urgência */
    --sev-watch-bg:     #E5EEF7;
    --sev-watch-text:   #1E3A5F;
    --sev-watch-border: #4A7AB0;

    /* INFO — roxo claro, para eventos neutros/meta (ex: quarter ingerido) */
    --sev-info-bg:     #EEEDFE;
    --sev-info-text:   #3C3489;
    --sev-info-border: #6B5FD4;

    /* NORMAL — cinza, estado padrão sem destaque */
    --sev-normal-bg:     #F1EFE8;
    --sev-normal-text:   #444441;
    --sev-normal-border: #888580;
}

html.dark-mode,
:root.dark-mode,
[data-theme="dark"] {
    --sev-critical-bg:     rgba(226, 75, 74, 0.15);
    --sev-critical-text:   #FCA5A5;
    --sev-critical-border: #E24B4A;

    --sev-attention-bg:     rgba(199, 123, 26, 0.15);
    --sev-attention-text:   #FCD34D;
    --sev-attention-border: #C77B1A;

    --sev-watch-bg:     rgba(74, 122, 176, 0.15);
    --sev-watch-text:   #93C5FD;
    --sev-watch-border: #4A7AB0;

    --sev-info-bg:     rgba(107, 95, 212, 0.15);
    --sev-info-text:   #C4B5FD;
    --sev-info-border: #6B5FD4;

    --sev-normal-bg:     rgba(136, 133, 128, 0.15);
    --sev-normal-text:   #C2C0BC;
    --sev-normal-border: #888580;
}