:root {
    color-scheme: light;
}

body {
    transition: background-color 0.2s ease, color 0.2s ease;
}

.brand-logo {
    display: block;
    width: 280px;
    height: 54px;
    object-fit: contain;
    object-position: left center;
}

.navbar .navbar-collapse {
    justify-content: center;
}

.navbar .navbar-nav {
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 575.98px) {
    .brand-logo {
        width: 210px;
        height: 46px;
    }
}

.theme-toggle {
    border: 1px solid rgba(255, 255, 255, 0.45);
    color: #fff;
    background: transparent;
    padding: 0.35rem 0.65rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
}

.theme-toggle:hover,
.theme-toggle:focus {
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
}

body.dark-mode {
    color-scheme: dark;
    background-color: #12161c;
    color: #e6e9ed;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode label,
body.dark-mode .form-label,
body.dark-mode .card-title,
body.dark-mode .card-text,
body.dark-mode .table,
body.dark-mode .table th,
body.dark-mode .table td,
body.dark-mode .form-control,
body.dark-mode .form-select,
body.dark-mode .form-check-label {
    color: #e6e9ed;
}

body.dark-mode .text-dark {
    color: #e6e9ed !important;
}

body.dark-mode .bg-light,
body.dark-mode .table-light {
    background-color: #252c35 !important;
    color: #e6e9ed !important;
}

body.dark-mode .card,
body.dark-mode .list-group-item,
body.dark-mode .dropdown-menu,
body.dark-mode .modal-content {
    background-color: #1d232b;
    color: #e6e9ed;
    border-color: #3b4652;
}

body.dark-mode .card-header,
body.dark-mode .card-footer {
    border-color: #3b4652;
}

body.dark-mode .table {
    --bs-table-color: #e6e9ed;
    --bs-table-bg: #1d232b;
    --bs-table-striped-bg: #252c35;
    --bs-table-hover-bg: #303a46;
    --bs-table-border-color: #3b4652;
}

body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #252c35;
    color: #e6e9ed;
    border-color: #4a5765;
}

body.dark-mode .form-control::placeholder {
    color: #9da8b5;
}

body.dark-mode .text-muted {
    color: #aeb8c4 !important;
}

body.dark-mode .dropdown-item {
    color: #e6e9ed;
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
    background-color: #303a46;
    color: #fff;
}

body.dark-mode a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: #8fc7ff;
}

body.dark-mode code {
    color: #b9e6c3;
}