:root {
    --dark-background: #1a1a1a;
    --dark-background-secondary: #262626;
    --dark-text: #e0e0e0;
    --dark-border: #444;
    --dark-input-bg: #333;
}

html.dark body {
    background-color: var(--dark-background);
    color: var(--dark-text);
}

html.dark .bg-light {
    background-color: var(--dark-background-secondary) !important;
}

html.dark .bg-white {
    background-color: var(--dark-background-secondary) !important;
}

html.dark .text-dark {
    color: var(--dark-text) !important;
}

html.dark .navbar-light {
    background-color: var(--dark-background-secondary) !important;
}

html.dark .navbar-light .navbar-brand,
html.dark .navbar-light .nav-link {
    color: var(--dark-text) !important;
}

html.dark .navbar-toggler {
    background-color: var(--dark-input-bg) !important;
}

html.dark .card {
    background-color: var(--dark-background-secondary);
    color: var(--dark-text);
    border-color: var(--dark-border);
}

html.dark .table {
    color: var(--dark-text);
}

html.dark .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

html.dark .form-control,
html.dark .form-select {
    background-color: var(--dark-input-bg);
    color: var(--dark-text);
    border-color: var(--dark-border);
}

html.dark .form-control:focus,
html.dark .form-select:focus {
    background-color: var(--dark-input-bg);
    color: var(--dark-text);
}

html.dark .modal-content {
    background-color: var(--dark-background-secondary);
    color: var(--dark-text);
}

html.dark .list-group-item {
    background-color: var(--dark-background-secondary);
    color: var(--dark-text);
    border-color: var(--dark-border);
}

html.dark .dropdown-menu {
    background-color: var(--dark-background-secondary);
    border-color: var(--dark-border);
}

html.dark .dropdown-item {
    color: var(--dark-text);
}

html.dark .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

html.dark #toggleDarkMode {
    color: var(--dark-text);
}

html.dark .text-muted {
    color: #adb5bd !important;
}

html.dark .border {
    border-color: var(--dark-border) !important;
}

html.dark .alert-info {
    background-color: rgba(13, 202, 240, 0.2);
    color: #8ad4ff;
}

html.dark .alert-success {
    background-color: rgba(25, 135, 84, 0.2);
    color: #75b798;
}

html.dark .alert-warning {
    background-color: rgba(255, 193, 7, 0.2);
    color: #ffda6a;
}

html.dark .alert-danger {
    background-color: rgba(220, 53, 69, 0.2);
    color: #ea868f;
}

html.dark .toast {
    background-color: var(--dark-background-secondary);
    color: var(--dark-text);
}

html.dark hr {
    border-color: var(--dark-border);
}

html.dark footer {
    background-color: var(--dark-background) !important;
    color: var(--dark-text);
}