/*
 * Polyfill das utilities de cor do Bootstrap 5.3 ausentes no tema compilado
 * (style.bundle.css / base Metronic). Sem elas, `badge bg-*-subtle text-*-emphasis`
 * renderiza como texto branco (herdado de `.badge`) sem fundo => invisível.
 * Valores idênticos aos defaults do Bootstrap 5.3 (modo claro).
 */

:root {
    --bs-primary-bg-subtle:   #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle:   #d1e7dd;
    --bs-info-bg-subtle:      #cff4fc;
    --bs-warning-bg-subtle:   #fff3cd;
    --bs-danger-bg-subtle:    #f8d7da;
    --bs-light-bg-subtle:     #fcfcfd;
    --bs-dark-bg-subtle:      #ced4da;

    --bs-primary-text-emphasis:   #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis:   #0a3622;
    --bs-info-text-emphasis:      #055160;
    --bs-warning-text-emphasis:   #664d03;
    --bs-danger-text-emphasis:    #58151c;
    --bs-light-text-emphasis:     #495057;
    --bs-dark-text-emphasis:      #495057;

    --bs-primary-border-subtle:   #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle:   #a3cfbb;
    --bs-info-border-subtle:      #9eeaf9;
    --bs-warning-border-subtle:   #ffe69c;
    --bs-danger-border-subtle:    #f1aeb5;
    --bs-light-border-subtle:     #e9ecef;
    --bs-dark-border-subtle:      #adb5bd;
}

/* Fundos suaves */
.bg-primary-subtle   { background-color: var(--bs-primary-bg-subtle)   !important; }
.bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; }
.bg-success-subtle   { background-color: var(--bs-success-bg-subtle)   !important; }
.bg-info-subtle      { background-color: var(--bs-info-bg-subtle)      !important; }
.bg-warning-subtle   { background-color: var(--bs-warning-bg-subtle)   !important; }
.bg-danger-subtle    { background-color: var(--bs-danger-bg-subtle)    !important; }
.bg-light-subtle     { background-color: var(--bs-light-bg-subtle)     !important; }
.bg-dark-subtle      { background-color: var(--bs-dark-bg-subtle)      !important; }

/* Texto de ênfase (cor forte legível sobre o fundo suave) */
.text-primary-emphasis   { color: var(--bs-primary-text-emphasis)   !important; }
.text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; }
.text-success-emphasis   { color: var(--bs-success-text-emphasis)   !important; }
.text-info-emphasis      { color: var(--bs-info-text-emphasis)      !important; }
.text-warning-emphasis   { color: var(--bs-warning-text-emphasis)   !important; }
.text-danger-emphasis    { color: var(--bs-danger-text-emphasis)    !important; }
.text-light-emphasis     { color: var(--bs-light-text-emphasis)     !important; }
.text-dark-emphasis      { color: var(--bs-dark-text-emphasis)      !important; }

/* Bordas suaves */
.border-primary-subtle   { border-color: var(--bs-primary-border-subtle)   !important; }
.border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; }
.border-success-subtle   { border-color: var(--bs-success-border-subtle)   !important; }
.border-info-subtle      { border-color: var(--bs-info-border-subtle)      !important; }
.border-warning-subtle   { border-color: var(--bs-warning-border-subtle)   !important; }
.border-danger-subtle    { border-color: var(--bs-danger-border-subtle)    !important; }
.border-light-subtle     { border-color: var(--bs-light-border-subtle)     !important; }
.border-dark-subtle      { border-color: var(--bs-dark-border-subtle)      !important; }