/* ===== Dark Mode v3 - EnglishMaster ===== */
[data-theme="dark"] {
    --primary: #2EC4B6;
    --primary-dark: #1A9E92;
    --primary-light: #4DD8CC;
    --primary-pale: rgba(46,196,182,0.12);
    --gold: #E8B84B;
    --gold-light: rgba(232,184,75,0.15);
    --bg: #111318;
    --surface: #1A1D24;
    --cream: #1A1D24;
    --card-bg: #1E2128;
    --border: #2A2E38;
    --border-light: #23272F;
    --text-main: #C8CDD5;
    --text-heading: #E8ECF1;
    --text-light: #8B929C;
    --text-muted: #5A6170;
    --secondary: #8B929C;
    --dark: #E8ECF1;
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.3);
    --shadow: 0 4px 12px rgba(0,0,0,0.35);
    --shadow-md: 0 8px 30px rgba(0,0,0,0.4);
    --shadow-lg: 0 12px 40px rgba(0,0,0,0.5);
    --success: #34D399;
    --success-bg: rgba(52,211,153,0.12);
    --error: #F87171;
    --error-bg: rgba(248,113,113,0.12);
}
[data-theme="dark"] body { background: var(--bg); color: var(--text-main); }
[data-theme="dark"] .sidebar { background: var(--surface); border-color: var(--border); }
[data-theme="dark"] .main-content { background: var(--bg); }
[data-theme="dark"] .theory-panel { background: var(--surface); border-color: var(--border); }
[data-theme="dark"] .practice-panel { background: var(--bg); }
[data-theme="dark"] .web-interface { background: var(--surface); }
[data-theme="dark"] .web-nav { background: var(--surface); border-color: var(--border); }
[data-theme="dark"] .web-title-section { background: rgba(46,196,182,0.05); border-color: var(--primary); }
[data-theme="dark"] .web-title { color: var(--primary); }
[data-theme="dark"] .web-section-title { color: var(--primary); }
[data-theme="dark"] .web-text { color: var(--text-main); }
[data-theme="dark"] .web-example { background: rgba(46,196,182,0.06); border-color: var(--primary); color: var(--primary); }
[data-theme="dark"] .section-tab { background: var(--surface); border-color: var(--primary); color: var(--primary); }
[data-theme="dark"] .section-tab.poster-active { background: var(--primary); color: var(--bg); }
[data-theme="dark"] .exercise-card { background: var(--surface); border-color: var(--border); }
[data-theme="dark"] .exercise-card:hover { border-color: var(--primary); }
[data-theme="dark"] .option-btn { background: var(--bg); border-color: var(--border); color: var(--text-main); }
[data-theme="dark"] .option-btn:hover:not(:disabled) { border-color: var(--primary); background: var(--primary-pale); color: var(--primary); }
[data-theme="dark"] .option-btn.selected { border-color: var(--primary); background: var(--primary-pale); color: var(--primary); }
[data-theme="dark"] .option-btn.correct { border-color: var(--success); background: var(--success-bg); color: var(--success); }
[data-theme="dark"] .option-btn.incorrect { border-color: var(--error); background: var(--error-bg); color: var(--error); }
[data-theme="dark"] .explanation-box { background: var(--primary-pale); border-color: var(--primary); }
[data-theme="dark"] .search-modal { background: var(--surface); }
[data-theme="dark"] .search-input { color: var(--text-heading); }
[data-theme="dark"] .search-result-item:hover { background: var(--bg); }
[data-theme="dark"] .modal { background: var(--surface); }
[data-theme="dark"] .modal-close { background: var(--bg); color: var(--text-light); }
[data-theme="dark"] .form-group input { background: var(--bg); border-color: var(--border); color: var(--text-main); }
[data-theme="dark"] .form-group input:focus { border-color: var(--primary); background: var(--surface); }
[data-theme="dark"] .tool-icon { background: var(--surface); border-color: var(--border); color: var(--primary); }
[data-theme="dark"] .tool-icon:hover { background: var(--bg); border-color: var(--primary); }
[data-theme="dark"] .audio-btn { background: var(--primary); }
[data-theme="dark"] .breadcrumb { color: var(--primary); }
[data-theme="dark"] .try-btn { background: var(--primary-pale); color: var(--primary); }
[data-theme="dark"] .settings-bar { background: var(--surface); border-color: var(--border); }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #3A3E48; }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #4A4E58; }

/* Dark mode toggle button styles */
.dark-mode-toggle {
    position: fixed;
    bottom: 1.5rem;
    left: 1.5rem;
    z-index: 999;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1.5px solid var(--border);
    background: var(--surface);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    box-shadow: var(--shadow-sm);
    transition: all 0.25s;
}
.dark-mode-toggle:hover { transform: scale(1.08); box-shadow: var(--shadow); }
[data-theme="dark"] .dark-mode-toggle { background: var(--surface); border-color: var(--border); }
.icon-sun { display: none; }
[data-theme="dark"] .icon-moon { display: none; }
[data-theme="dark"] .icon-sun { display: inline; }

/* Dashboard dark overrides */
[data-theme="dark"] .dashboard-header { background: linear-gradient(135deg, #0D4F4F, #083A3A); }
[data-theme="dark"] .glass-card { background: var(--surface); border-color: var(--border); }
[data-theme="dark"] .stat-card h3 { color: var(--text-light); }
[data-theme="dark"] .action-card { background: var(--surface); border-color: var(--border); }
[data-theme="dark"] .leaderboard-table th { color: var(--text-light); }
[data-theme="dark"] .leaderboard-table td { border-color: var(--border); }

/* Landing page dark */
[data-theme="dark"] .nav.scrolled { background: rgba(17,19,24,0.92); border-color: var(--border); }
[data-theme="dark"] .hero-badge { background: rgba(232,184,75,0.12); color: var(--gold); }
[data-theme="dark"] .hero-title em::after { background: rgba(232,184,75,0.15); }
[data-theme="dark"] .feature-card { background: var(--surface); border-color: var(--border); }
[data-theme="dark"] .footer { background: #0A0C0F; }