/* Dark Mode */
.dark-mode {
    background-color: rgb(var(--Dark0)) !important;
}

.dark-mode .card-header {
    background-color: var(--DarkHeader) !important;
}

.dark-mode .card-body {
    background-color: var(--DarkContentArea);
}


.dark-mode .modal-header {
    background-color: var(--DarkHeader) !important;
}

.dark-mode .modal-body {
    background-color: var(--DarkContentArea);
}

.dark-mode .modal-footer {
    background-color: var(--DarkContentArea);
}

.dark-mode h2,
.dark-mode h4,
.dark-mode h5 {
    color: var(--DarkText);
}

.dark-mode p {
    color: var(--DarkTextSubheader);
}

.dark-mode .dropdown-menu {
    background-color: var(--DarkHeader);
}

.dark-mode .dropdown-item {
    color: var(--DarkText);
}

.dark-mode .dropdown-item:hover {
    color: var(--DarkText);
    background-color: var(--DarkContentArea);
}

.dark-mode .dropdown-divider {
    border-color: var(--DarkContentArea);
}