body.dark-mode {
    background-color: #2c2c2c; /* Dark grey background */
    color: #ffffff; /* White text */
}

body.dark-mode .header {
    background: #1e1e1e;
    border-bottom: 1px solid #333;
}

/* Make header link white */
body.dark-mode .header a, body.dark-mode .header a:hover, body.dark-mode a.text-dark, body.dark-mode a.text-dark:hover {
    color: #ffffff !important;
}


body.dark-mode .card,
body.dark-mode .modal-content,
body.dark-mode .footer {
    background-color: #3a3a3a; /* Lighter grey for cards */
    border: 1px solid #444;
}

body.dark-mode .table {
    background-color: #3a3a3a; /* Lighter grey for tables */
    color: #ffffff;
}

body.dark-mode .table-light {
    background-color: #4a4a4a; /* Slightly lighter grey for table header */
    color: #ffffff;
}

body.dark-mode .nav-tabs .nav-link {
    color: #ffffff;
    border: 1px solid #444;
}

body.dark-mode .nav-tabs .nav-link.active {
    background-color: #4a4a4a;
    border-color: #4a4a4a;
}

body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #4a4a4a;
    color: #ffffff;
    border: 1px solid #666;
}

/* Keep button colors for visibility */
body.dark-mode .btn-primary {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

body.dark-mode .btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd;
}

body.dark-mode .btn-outline-primary:hover {
    background-color: #0d6efd;
    color: #fff;
}

body.dark-mode .btn-outline-secondary {
    color: #8e959c;
    border-color: #8e959c;
}

body.dark-mode .btn-outline-secondary:hover {
    background-color: #6c757d;
    color: #fff;
}

body.dark-mode .btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0;
}

body.dark-mode .btn-outline-info:hover {
    background-color: #0dcaf0;
    color: #000;
}

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

body.dark-mode .badge.bg-info {
    background-color: #0dcaf0 !important;
    color: #000 !important;
}

/* Override for table header links */
body.dark-mode .table-light a {
    color: #ffffff !important;
}