:root {
    --modo-escuro-bg-componente: rgba(255,255,255,0.1);
    --modo-escuro-bg-componente-destaque: rgba(255,255,255,0.05);
    --modo-escuro-bg-form-especial-1: #e9b5282e;
    --modo-escuro-bg-form-especial-2: #e9b52847;
    --modo-escuro-border-color: rgba(255,255,255,0.5);
    --modo-escuro-cor-de-texto: whitesmoke;
    --modo-escuro-cor-de-texto-2: white;
    --modo-escuro-cor-de-texto-destaque: #fff5d5;
    --modo-escuro-bg-pagina: #001818;
    --modo-escuro-bg-primary: #e9b52875;
}

.modoEscuro {
    background-color: var(--modo-escuro-bg-pagina);
    color: var(--modo-escuro-cor-de-texto);
}

    .modoEscuro main {
        background-color: var(--modo-escuro-bg-pagina);
        color: var(--modo-escuro-cor-de-texto);
        max-width: 100vw;
    }

        .modoEscuro main .top-row {
            background-color: var(--modo-escuro-bg-componente);
            color: var(--modo-escuro-cor-de-texto);
            backdrop-filter:  blur(5px);
            border-bottom: 1px solid black;
        }

    .modoEscuro .vidro-branco {
        box-shadow: 0 0 0.5rem 0 rgb(0 0 0);
        border: 1px solid #000;
        background-color: #000000b8;
    }

    .modoEscuro .card {
        background-color: var(--modo-escuro-bg-componente);
        border-color: var(--modo-escuro-border-color);
    }

    .modoEscuro .card-header, .modoEscuro .card-footer {
        background-color: var(--modo-escuro-bg-componente-destaque);
        color: var(--modo-escuro-cor-de-texto-2);
    }

    .modoEscuro .alert-secondary {
        color: var(--modo-escuro-cor-de-texto);
        background-color: var(--modo-escuro-bg-componente);
        border-color: var(--modo-escuro-border-color);
    }

    .modoEscuro .alert-warning {
        color: var(--modo-escuro-cor-de-texto-destaque);
        background-color: var(--modo-escuro-bg-primary);
        border-color: var(--modo-escuro-cor-de-texto-destaque);
    }

    .modoEscuro .alert-info {
        background-color: var(--modo-escuro-bg-componente);
        border-color: var(--portal-cliente-bg-info);
        color: var(--portal-cliente-bg-info);
    }

    .modoEscuro table {
        color: var(--modo-escuro-cor-de-texto);
    }

    .modoEscuro .table {
        --bs-table-bg: transparent;
        --bs-table-accent-bg: transparent;
        --bs-table-striped-color: var(--modo-escuro-cor-de-texto-2);
        --bs-table-striped-bg: rgba(255, 255, 255, 0.05);
        --bs-table-active-color: var(--modo-escuro-cor-de-texto-destaque);
        --bs-table-active-bg: rgba(255, 255, 255, 0.1);
        --bs-table-hover-color: var(--modo-escuro-cor-de-texto-destaque);
        --bs-table-hover-bg: rgba(255, 255, 255, 0.075);
        border-color: var(--modo-escuro-border-color);
    }

    .modoEscuro .nav-link.active {
        background-color: var(--modo-escuro-border-color);
    }

    .modoEscuro .list-group-item {
        background-color: var(--modo-escuro-bg-componente);
        color: var(--modo-escuro-cor-de-texto);
    }

    .modoEscuro .form-floating > label {
        color: black;
    }

    .modoEscuro .divFormEspecial {
        --cor1: var(--modo-escuro-bg-form-especial-1);
        --cor2: var(--modo-escuro-bg-form-especial-2);
        color: var(--modo-escuro-cor-de-texto-destaque);
        border-color: var(--modo-escuro-cor-de-texto-destaque);
    }