/* =========================================
   DARK MODE
========================================= */

body.dark-mode {
    background: linear-gradient(135deg, #111827, #1f2937) !important;
    color: #e5e7eb !important;
}

/* Cards */

body.dark-mode .top-card,
body.dark-mode .main-card,
body.dark-mode .profile-card,
body.dark-mode .sport-card,
body.dark-mode .fixture-card,
body.dark-mode .info-card,
body.dark-mode .feature-card,
body.dark-mode .team-card,
body.dark-mode .fixture-info,
body.dark-mode .welcome-box,
body.dark-mode .empty-box,
body.dark-mode .admin-panel {
    background: #1f2937 !important;
    color: #e5e7eb !important;
    border-color: #374151 !important;
}

/* Text */

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode p,
body.dark-mode span,
body.dark-mode label,
body.dark-mode .section-title,
body.dark-mode .info-content {
    color: #e5e7eb !important;
}

/* Inputs */

body.dark-mode .form-control,
body.dark-mode .form-select,
body.dark-mode textarea {
    background: #111827 !important;
    color: #e5e7eb !important;
    border-color: #374151 !important;
}

/* Tables */

body.dark-mode table,
body.dark-mode tr,
body.dark-mode td,
body.dark-mode th {
    background: #1f2937 !important;
    color: #e5e7eb !important;
}

/* Navbar/Header */

body.dark-mode .dashboard-header,
body.dark-mode .header,
body.dark-mode .team-header {
    background: linear-gradient(135deg, #0f172a, #1e293b) !important;
}

/* Buttons */

body.dark-mode .header-btn,
body.dark-mode .small-action,
body.dark-mode .action-btn {
    opacity: 0.95;
}

/* Scrollbar */

body.dark-mode ::-webkit-scrollbar {
    width: 10px;
}

body.dark-mode ::-webkit-scrollbar-track {
    background: #111827;
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: #374151;
    border-radius: 20px;
}