:root {
    color: #1E1E1E;
    --color1: #1E3D58;
    --color2: #125D93;
    --color3: #DB8300;
    --color4: #056DB3;
    --color5: #C00000;
    --color6: #333333;
    --color7: #1E1E1E;
    --color8: #BCC9CD;
    --color9: #E8EEF1;
    --color10: #7741C7;
}

.modoOscuro {
    color: #E8EEF1;
    --color1: #0F202F;
    --color2: #1E3D58;
    --color3: #DB8300;
    --color4: #056DB3;
    --color5: #860000;
    --color6: #E8EEF1;
    --color7: #BCC9CD;
    --color8: #1E1E1E;
    --color9: #333333;
    --color10: #7741C7;
}

body, table, th, td {
    color: var(--color7);
}

.bg-rojo {
    background-color: var(--color5) !important;
    color: white !important;
}

.bg-amarillo {
    background-color: var(--color3) !important;
}

.bg-azul {
    background-color: var(--color2) !important;
    color: white !important;
}

.bg-morado {
    background-color: var(--color10) !important;
    color: white !important;
}

.bg-celeste {
    background-color: var(--color4) !important;
    color: white !important;
   
}

.bg-excel {
    background-color: #217346 !important;
    color: white !important;
}

.bg-excel-inactivo {
    background-color: var(--color8) !important;
    color: black !important;
}

.modoOscuro .bg-excel-inactivo {
    background-color: var(--color7) !important;
    color: black !important;
}