/* ========== ENHANCED LIGHT THEME ========== */

[data-theme="light"] {
    /* Background Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-tertiary: #f1f5f9;

    /* Text Colors */
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-tertiary: #94a3b8;

    /* Border Colors */
    --border-light: #e2e8f0;
    --border-medium: #cbd5e1;

    /* Component Colors */
    --card-bg: #ffffff;
    --card-shadow: rgba(0, 0, 0, 0.08);
    --hover-bg: #f8fafc;
}

[data-theme="light"] body {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}

/* ========== NAVBAR ========== */
[data-theme="light"] .modern-navbar {
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid var(--border-light);
}

[data-theme="light"] .brand-title,
[data-theme="light"] .brand-subtitle {
    color: var(--text-primary);
}

[data-theme="light"] .search-input {
    background-color: var(--bg-tertiary);
    border-color: var(--border-light);
    color: var(--text-primary);
}

[data-theme="light"] .search-input::placeholder {
    color: var(--text-tertiary);
}

[data-theme="light"] .search-input:focus {
    background-color: var(--bg-primary);
    border-color: #667eea;
}

[data-theme="light"] .icon-btn {
    background-color: var(--bg-primary);
    border-color: var(--border-light);
    color: var(--text-primary);
}

[data-theme="light"] .icon-btn:hover {
    background-color: var(--bg-tertiary);
}

[data-theme="light"] .profile-btn {
    background-color: var(--bg-primary);
    border-color: var(--border-light);
    color: var(--text-primary);
}

[data-theme="light"] .profile-name {
    color: var(--text-primary);
}

[data-theme="light"] .profile-role {
    color: var(--text-secondary);
}

/* ========== DROPDOWN ========== */
[data-theme="light"] .dropdown-menu {
    background-color: var(--bg-primary);
    border-color: var(--border-light);
}

[data-theme="light"] .dropdown-item {
    color: var(--text-primary);
}

[data-theme="light"] .dropdown-item:hover {
    background-color: var(--hover-bg);
}

[data-theme="light"] .dropdown-header {
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-light);
}

[data-theme="light"] .notification-item:hover {
    background-color: var(--hover-bg);
}

[data-theme="light"] .notification-title {
    color: var(--text-primary);
}

[data-theme="light"] .notification-time {
    color: var(--text-tertiary);
}

/* ========== SIDEBAR ========== */
[data-theme="light"] .modern-sidebar {
    background-color: var(--bg-primary);
    border-right: 1px solid var(--border-light);
}

[data-theme="light"] .menu-section-title {
    color: var(--text-tertiary);
}

[data-theme="light"] .menu-link {
    color: var(--text-secondary);
}

[data-theme="light"] .menu-link:hover {
    background-color: var(--hover-bg);
    color: #667eea;
}

[data-theme="light"] .menu-link.active {
    color: white;
}

[data-theme="light"] .menu-badge {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

/* ========== MAIN CONTENT ========== */
[data-theme="light"] .modern-main-content {
    background-color: var(--bg-secondary);
}

/* ========== CARDS ========== */
[data-theme="light"] .modern-card,
[data-theme="light"] .content-section,
[data-theme="light"] .quiz-section {
    background-color: var(--card-bg);
    box-shadow: 0 2px 8px var(--card-shadow);
}

[data-theme="light"] .card-header {
    background-color: var(--bg-secondary);
    border-bottom: 1px solid var(--border-light);
}

/* ========== FORMS ========== */
[data-theme="light"] .form-control {
    background-color: var(--bg-primary);
    border-color: var(--border-medium);
    color: var(--text-primary);
}

[data-theme="light"] .form-control:focus {
    background-color: var(--bg-primary);
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

[data-theme="light"] .form-control::placeholder {
    color: var(--text-tertiary);
}

/* ========== MODULE & QUIZ ========== */
[data-theme="light"] .module-card {
    background-color: var(--card-bg);
    box-shadow: 0 2px 8px var(--card-shadow);
}

[data-theme="light"] .module-title {
    color: var(--text-primary);
}

[data-theme="light"] .module-content-preview {
    color: var(--text-secondary);
}

[data-theme="light"] .content-section h2,
[data-theme="light"] .quiz-header h2 {
    color: #667eea;
}

[data-theme="light"] .content-section p,
[data-theme="light"] .content-section li {
    color: var(--text-secondary);
}

[data-theme="light"] .question-card {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.03) 0%, rgba(118, 75, 162, 0.03) 100%);
}

[data-theme="light"] .question-text {
    color: var(--text-primary);
}

[data-theme="light"] .option-card {
    background-color: var(--bg-primary);
    border-color: var(--border-medium);
}

[data-theme="light"] .option-text {
    color: var(--text-primary);
}

[data-theme="light"] .option-letter {
    background-color: var(--bg-tertiary);
    color: #667eea;
}

[data-theme="light"] .highlight-box {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.08) 100%);
    border-left-color: #667eea;
}

[data-theme="light"] .explanation-box {
    background: linear-gradient(135deg, rgba(79, 172, 254, 0.08) 0%, rgba(0, 242, 254, 0.08) 100%);
    border-left-color: #4facfe;
}

/* ========== BUTTONS ========== */
[data-theme="light"] .btn-outline-secondary {
    color: var(--text-secondary);
    border-color: var(--border-medium);
}

[data-theme="light"] .btn-outline-secondary:hover {
    background-color: var(--text-secondary);
    color: white;
}

[data-theme="light"] .btn-outline-primary {
    color: #667eea;
    border-color: #667eea;
}

[data-theme="light"] .btn-outline-primary:hover {
    background-color: #667eea;
    color: white;
}

/* ========== TEXT UTILITIES ========== */
[data-theme="light"] .text-muted {
    color: var(--text-tertiary) !important;
}

/* ========== BORDERS & DIVIDERS ========== */
[data-theme="light"] hr,
[data-theme="light"] .dropdown-divider {
    border-color: var(--border-light);
}

/* ========== NAVIGATION FOOTER ========== */
[data-theme="light"] .navigation-footer {
    border-top-color: var(--border-light);
    background-color: var(--bg-primary);
}

/* ========== SCROLLBAR ========== */
[data-theme="light"] .modern-sidebar::-webkit-scrollbar-thumb {
    background: var(--border-medium);
}

[data-theme="light"] .modern-sidebar::-webkit-scrollbar-thumb:hover {
    background: var(--text-tertiary);
}

/* ========== AI CHATBOT ========== */
[data-theme="light"] .chat-widget {
    background-color: var(--card-bg);
    border-color: var(--border-light);
    box-shadow: 0 8px 24px var(--card-shadow);
}

[data-theme="light"] .chat-messages {
    background-color: var(--bg-secondary);
}

[data-theme="light"] .bot-message {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}

[data-theme="light"] .user-message {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

[data-theme="light"] .chat-input {
    background-color: var(--bg-primary);
    border-color: var(--border-light);
    color: var(--text-primary);
}