@media (prefers-color-scheme: dark) {

/* ══ Global ══ */
body {
    background-color: #121212;
    color: #e0e0e0;
}



/* ══ Footer ══ */
.admin-footer,
.footer {
    background: #0d0d0d;
    border-top: 1px solid #2a2a2a;
}

.footer-copy {
    color: #888;
}

.footer-sep {
    color: #444;
}

/* ══ Admin Section Header ══ */
.admin-section-header {
    background: #1e1e1e;
    border-color: #2a2a2a;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.admin-title {
    color: #e0e0e0;
}

.admin-btn-cancel {
    background: #2a2a2a;
    color: #ccc;
    border-color: #444;
}

.admin-add-btn {
    background: #333;
    color: #fff;
    border-color: #555;
}

/* ══ Dashboard ══ */
.dash-container {
    color: #e0e0e0;
}

.dash-welcome {
    background-color: #1e1e1e;
    border-color: #2a2a2a;
}

.dash-welcome-name {
    color: #ffffff;
}

.dash-welcome-sub {
    color: #d1d1d1;
}

.dash-stat-number {
    color: #ffffff;
}

.dash-stat-label {
    color: #aaa;
}

.dash-section-title {
    color: #e0e0e0;
}

.dash-section-link {
    color: #aaa;
}

.dash-section-link:hover {
    color: #fff;
}

.dash-empty {
    color: #666;
}

/* ══ Dashboard Calendar ══ */
.dash-calendar {
    background: #1e1e1e;
    border-color: #2a2a2a;
}

.dash-calendar .fc-toolbar-title {
    color: #e0e0e0;
}

.dash-calendar .fc-button {
    background: #333;
    border-color: #444;
    color: #e0e0e0;
}

.dash-calendar .fc-button:hover {
    background: #444;
    border-color: #555;
}

.dash-calendar .fc-button-active {
    background: #555 !important;
    border-color: #666 !important;
}

.dash-calendar .fc-list-day-cushion {
    background: #2a2a2a;
    color: #e0e0e0;
}

.dash-calendar .fc-list-day-cushion a {
    color: #e0e0e0;
}

.dash-calendar .fc-list-event-title a {
    color: #e0e0e0;
}

.dash-calendar .fc-list-event-time {
    color: #888;
}

.dash-calendar .fc-list-empty {
    color: #f7f7f7;
    background: #2c2c2c;
}

.dash-calendar .fc-theme-standard .fc-list {
    border-color: #2a2a2a;
}
.dash-calendar .fc-list-event:hover td {
    background: #2a2a2a;
}
.dash-calendar .fc-today-button {
    background: #1d1d1d;
    border-color: #444;
    color: #e0e0e0;
}
.dash-calendar .fc-today-button:disabled {
    background: #3d3d3d;
    border-color: #444;
    color: #e0e0e0;
    opacity: 0.6;
}

/* ══ My Courses Page ══ */
.mc-title {
    color: #e0e0e0;
}

.mc-tabs {
    border-bottom-color: #f7f7f7;
}

.mc-tab {
    color: #666;
}

.mc-tab:hover {
    color: #aaa;
}

.mc-tab.active {
    color: #ffffff;
    border-bottom-color: #ffffff;
}

.mc-tab .badge {
    background: #444;
    color: #e0e0e0;
}

.mc-empty {
    color: #666;
}

/* ══ My Courses Calendar ══ */
#mcCalendar {
    background: #1e1e1e;
    border-color: #2a2a2a;
}

#mcCalendar .fc-toolbar-title {
    color: #e0e0e0;
}

#mcCalendar .fc-button {
    background: #333;
    border-color: #444;
    color: #e0e0e0;
}

#mcCalendar .fc-button:hover {
    background: #444;
    border-color: #555;
}

#mcCalendar .fc-button-active {
    background: #555 !important;
    border-color: #666 !important;
}

#mcCalendar .fc-col-header-cell {
    background: #2a2a2a;
}

#mcCalendar .fc-col-header-cell-cushion {
    color: #e0e0e0;
}

#mcCalendar .fc-daygrid-day-number {
    color: #ccc;
}

#mcCalendar .fc-day-today {
    background: #252525 !important;
}

#mcCalendar .fc-day-today .fc-daygrid-day-number {
    background: #fff;
    color: #121212;
}

#mcCalendar .fc-theme-standard td,
#mcCalendar .fc-theme-standard th {
    border-color: #2a2a2a;
}

#mcCalendar .fc-theme-standard .fc-scrollgrid {
    border-color: #2a2a2a;
}

#mcCalendar .fc-event {
    color: #fff;
}

/* ══ Course Library / Filter Bar ══ */
.filter-bar {
    background: #1e1e1e;
    border-color: #2a2a2a;
}

.filter-bar input,
.filter-bar select {
    background: #2a2a2a;
    border-color: #444;
    color: #e0e0e0;
}

.filter-bar input::placeholder {
    color: #777;
}

.filter-bar select option {
    background: #2a2a2a;
    color: #e0e0e0;
}

.title {
    color: #e0e0e0;
}

.tab-btn {
    background: #1e1e1e;
    border-color: #444;
    color: #888;
}

.tab-btn.active {
    background: #810c0c;
    color: #fff;
}

.no-results {
    color: #666;
}

.btn-showmore {
    background: #1e1e1e;
    color: #e0e0e0;
    border-color: #444;
}

.btn-showmore:hover {
    background: #2a2a2a;
}

/* ══ Trainer Card ══ */
.trainer-card-inner {
    border-color: #000000;
}

.tc-header {
    border-bottom-color: #000000;
}

.tc-header-label {
    color: #ffffff;
}

.tc-info {
    border-right-color: #000000;
}

.tc-field-label {
    color: #f0f0f0;
}

.tc-field-value {
    color: #eeeeee;
}

.tc-photo-box {
    border-color: #2a2a2a;
    background: #1b1b1b;
}

.tc-top {
    border-bottom-color: #2a2a2a;
}

.btn-custom {
    background-color: #1b1b1b;
    color: #ffffff;
}

.btn-custom:hover {
    background-color: #313131;
    color: #ffffff;
}

/* ══ Login Page ══ */
.bg-dark {
    background-color: #1a1a1a !important;
    border: 1px solid #2a2a2a;
}

.form-control {
    background: #2a2a2a;
    border-color: #444;
    color: #e0e0e0;
}

.form-control:focus {
    background: #333;
    border-color: #666;
    color: #fff;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.1);
}

.btn.bg-light {
    background: #333 !important;
    color: #e0e0e0;
    border-color: #444;
}

.btn.bg-light:hover {
    background: #444 !important;
    color: #fff;
}

/* ══ Bootstrap Overrides ══ */
.bg-white,
.bg-light {
    background-color: #1e1e1e !important;
}

.text-dark {
    color: #e0e0e0 !important;
}

.text-muted {
    color: #888 !important;
}

.border {
    border-color: #2a2a2a !important;
}

.shadow,
.shadow-sm {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

.card {
    background: #1e1e1e;
    border-color: #2a2a2a;
    color: #e0e0e0;
}

.modal-content {
    background: #1e1e1e;
    border-color: #2a2a2a;
    color: #e0e0e0;
}

.modal-header {
    border-bottom-color: #2a2a2a;
}

.modal-footer {
    border-top-color: #2a2a2a;
}

.btn-close {
    filter: invert(1);
}

.table {
    color: #e0e0e0;
    border-color: #2a2a2a;
}

.table thead th {
    background: #1a1a1a;
    color: #e0e0e0;
    border-color: #2a2a2a;
}

.table tbody td {
    border-color: #2a2a2a;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.03);
}

.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.06);
}

/* ══ Scrollbar ══ */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.dex-layout {
    border-color: #2a2a2a;
}

.dex-image {
    border-right-color: #2a2a2a;
}

.dex-info {
    background: rgba(30, 30, 30, 0.95);
    backdrop-filter: blur(4px);
}

.dex-header {
    background: #0d0d0d;
}

.dex-desc {
    color: #aaa;
    border-bottom-color: #333;
}

.dex-stat-label {
    color: #777;
}

.dex-stat-value {
    color: #e0e0e0;
}

.dex-spaces {
    border-top-color: #333;
}

.dex-spaces-text {
    color: #777;
}

.dex-bar-track {
    background: #333;
}

.dex-footer {
    border-top-color: #2a2a2a;
}

.dex-btn-back {
    background: #1e1e1e;
    border-color: #444;
    color: #e0e0e0;
}

.dex-btn-back:hover {
    background: #2a2a2a;
}

@media (max-width: 768px) {
    .dex-image {
        border-bottom-color: #2a2a2a;
    }
}

}