body, body .modal-content {
    background: #c9c8c6;
    color: #212529;
}

body.dark-mode {
    background: #181a1b !important;
    color: #f8f9fa !important;
}
body.dark-mode .container,
body.dark-mode .modal-content {
    background: #23272b;
    color: #f8f9fa;
}
body.dark-mode .form-control {
    background-color: #23272b;
    color: #f8f9fa;
    border-color: #444;
}
body.dark-mode .form-label,
body.dark-mode .modal-title {
    color: #ffc107;
}
body.dark-mode .btn-primary {
    background-color: #375a7f;
    border-color: #375a7f;
}
body.dark-mode .btn-secondary {
    background-color: #444;
    border-color: #444;
}
body.dark-mode .alert-warning {
    background-color: #444;
    color: #ffc107;
    border-color: #ffc107;
}
body.dark-mode .btn-close {
    filter: invert(1);
}

/* --- Navbar стилі --- */
.navbar-dark-mode {
    background-color: #23272b !important;
}
.navbar-dark-mode .navbar-brand,
.navbar-dark-mode .nav-link,
.navbar-dark-mode .navbar-text {
    color: #f8f9fa !important;
}
.navbar-dark-mode .nav-link.active,
.navbar-dark-mode .nav-link:focus {
    color: #ffc107 !important;
}
.navbar-dark-mode .btn-outline-secondary {
    color: #f8f9fa;
    border-color: #f8f9fa;
}
.navbar-dark-mode .btn-outline-secondary:hover {
    background-color: #444;
    color: #ffc107;
    border-color: #ffc107;
}

/* Dropdown у верхньому меню */
#mainNavbar .dropdown-menu {
    --bs-dropdown-font-size: inherit;
    font-size: inherit;
    font-family: inherit;
    --bs-dropdown-padding-y: 0.1rem;
}
#mainNavbar .dropdown-item {
    font-size: inherit;
    font-family: inherit;
}

body.dark-mode .navbar-dark-mode .dropdown-menu {
    background-color: #23272b;
    border-color: #444;
}
body.dark-mode .navbar-dark-mode .dropdown-item {
    color: #f8f9fa;
}
body.dark-mode .navbar-dark-mode .dropdown-item:hover,
body.dark-mode .navbar-dark-mode .dropdown-item:focus {
    background-color: #3a3f44;
    color: #ffc107;
}
body.dark-mode .navbar-dark-mode .dropdown-item.active {
    background-color: #495057;
    color: #ffc107;
}

body.dark-mode .navbar-dark-mode .navbar-toggler {
    background-color: #ffc107 !important;    /* Жовтий фон */
    border-color: #ffc107 !important;       /* Жовта рамка */
}
body.dark-mode .navbar-dark-mode .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(34,34,34,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}