/* Dark theme styles */
[data-bs-theme="dark"] {
    --bs-body-bg: #1E1F22;
    --bs-body-color: #BCBEC4;
}

[data-bs-theme="dark"] body {
    background-color: #1E1F22 !important;
    color: #BCBEC4 !important;
}

[data-bs-theme="dark"] .navbar {
    background-color: #2B2D30 !important;
    border-bottom: 1px solid #393B40;
}

[data-bs-theme="dark"] .navbar-brand,
[data-bs-theme="dark"] .nav-link {
    color: #DFE1E5 !important;
}

[data-bs-theme="dark"] .nav-link:hover {
    color: #56A8F5 !important;
    background-color: #26282E;
}

[data-bs-theme="dark"] .nav-link.active {
    color: #56A8F5 !important;
}

[data-bs-theme="dark"] .card {
    background-color: #2B2D30 !important;
    border: 1px solid #393B40 !important;
    color: #BCBEC4 !important;
}

[data-bs-theme="dark"] .card-title {
    color: #DFE1E5 !important;
}

[data-bs-theme="dark"] .form-label {
    color: #DFE1E5 !important;
}

[data-bs-theme="dark"] .form-control {
    background-color: #26282E !important;
    border: 1px solid #393B40 !important;
    color: #BCBEC4 !important;
}

[data-bs-theme="dark"] .form-control:focus {
    background-color: #26282E !important;
    border-color: #548AF7 !important;
    box-shadow: 0 0 0 0.25rem rgba(84, 138, 247, 0.25) !important;
    color: #DFE1E5 !important;
}

[data-bs-theme="dark"] .form-check-label {
    color: #BCBEC4 !important;
}

[data-bs-theme="dark"] .btn-primary {
    background-color: #56A8F5 !important;
    border-color: #56A8F5 !important;
}

[data-bs-theme="dark"] .btn-primary:hover {
    background-color: #70AEFF !important;
    border-color: #70AEFF !important;
}

[data-bs-theme="dark"] .alert-danger {
    background-color: #402929 !important;
    border-color: #F75464 !important;
    color: #F75464 !important;
}

[data-bs-theme="dark"] .alert-success {
    background-color: #2D3B2D !important;
    border-color: #73BD79 !important;
    color: #73BD79 !important;
}

[data-bs-theme="dark"] .text-muted {
    color: #9DA0A8 !important;
}

[data-bs-theme="dark"] footer {
    color: #6F737A !important;
}

/* Dark mode toggle button styles */
.theme-toggle {
    background: none;
    border: 1px solid #393B40;
    color: #BCBEC4;
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.theme-toggle:hover {
    background-color: #26282E;
    color: #56A8F5;
}

[data-bs-theme="light"] .theme-toggle {
    border-color: #dee2e6;
    color: #495057;
}

[data-bs-theme="light"] .theme-toggle:hover {
    background-color: #f8f9fa;
    color: #0d6efd;
}