/* Light Mode */
.light-mode {
    background-color: rgb(var(--Light0)) !important;
}

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

.light-mode .card-body {
    background-color: var(--LightContentArea);
}

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

.light-mode .modal-body {
    background-color: var(--LightContentArea);
}

.light-mode .modal-footer {
    background-color: var(--LightContentArea);
}

.light-mode #modal-logo {
    filter: invert(1);
}

.light-mode h2,
.light-mode h4,
.light-mode h5 {
    color: var(--LightText);
}

.light-mode p {
    color: var(--LightTextSubheader);
}

.light-mode .dropdown-menu {
    background-color: var(--LightHeader);
}

.light-mode .dropdown-item {
    color: var(--LightText);
}

.light-mode .dropdown-item:hover {
    color: var(--LightText);
    background-color: var(--LightContentArea);
}

.light-mode .dropdown-divider {
    border-color: var(--LightContentArea);
}