/* === Dark Theme Extension for Bootstrap Elements === */
.dark-theme {
    background-color: #121212;
    color: #e0e0e0;
}

.dark-theme header {
    background-color: #1f1f1f;
    border-bottom: 1px solid #333;
    color: #f5f5f5;
}

.dark-theme .container,
.dark-theme .table,
.dark-theme .table-responsive {
    background-color: #1e1e1e;
    color: #f5f5f5;
}

.dark-theme .table thead th {
    background-color: #2a2a2a;
    color: #ffffff;
}

.dark-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: #2e2e2e;
}

.dark-theme .table-bordered th,
.dark-theme .table-bordered td {
    border-color: #444;
}

.dark-theme .bg-white,
.dark-theme .table-light {
    background-color: #2e2e2e !important;
    color: #dddddd !important;
}

.dark-theme a {
    color: #a0c4ff;
}

.dark-theme .btn-theme {
    background-color: #800020;
    color: #fff;
    border: none;
}

.dark-theme .btn-theme:hover {
    background-color: #a52a2a;
    color: #fff;
}

/* Outline buttons */
.dark-theme .btn-outline-primary {
    color: #90caf9;
    border-color: #90caf9;
}

.dark-theme .btn-outline-primary:hover {
    background-color: #90caf9;
    color: #000;
}

.dark-theme .btn-outline-danger {
    color: #f28b82;
    border-color: #f28b82;
}

.dark-theme .btn-outline-danger:hover {
    background-color: #f28b82;
    color: #000;
}

.dark-theme .btn-outline-secondary {
    color: #cfd8dc;
    border-color: #cfd8dc;
}

.dark-theme .btn-outline-secondary:hover {
    background-color: #cfd8dc;
    color: #000;
}

.dark-theme .text-muted {
    color: #999 !important;
}
/* Default (light theme): wine red border */
.profile-photo-border {
    border: 4px solid #800020;
    /* wine red */
}

/* Dark theme: white border */
body.dark-mode .profile-photo-border {
    border: 4px solid #ffffff;
}