/* Тёмная тема для css/course.css (страница курса). Шапка курса, карточки тем и градиентные
   кнопки и в светлой теме тёмные или цветные — здесь меняются только светлые плашки. */

html[data-theme="dark"] .course-description {
    background: var(--c-surface);
    color: var(--c-text);
}

html[data-theme="dark"] .course-description p,
html[data-theme="dark"] .course-description strong,
html[data-theme="dark"] .course-description b {
    color: var(--c-text) !important;
}

html[data-theme="dark"] .subscribe-btn--primary {
    background: var(--c-surface) !important;
    color: var(--c-accent-text) !important;
}

html[data-theme="dark"] .subscribe-btn--primary:hover {
    background: var(--c-surface-2) !important;
}

html[data-theme="dark"] .subscribe-btn:hover,
html[data-theme="dark"] .subscription-panel .u-btn:hover {
    background-color: var(--c-surface);
    color: var(--c-accent-text);
}

/* Карточки тем: серые плашки (#6c757d и светлее) заменяются сине-серыми тонами палитры,
   полоска уровня слева остаётся */
html[data-theme="dark"] .theme-card,
html[data-theme="dark"] .theme-card.theme-level-0 {
    background: #2a3350 !important;
    border-color: var(--c-border);
}

html[data-theme="dark"] .theme-card.theme-level-1,
html[data-theme="dark"] .subtemes-container .theme-card,
html[data-theme="dark"] .subtemes-container .theme-card.theme-level-1 {
    background: #252d46 !important;
}

html[data-theme="dark"] .theme-card.theme-level-2,
html[data-theme="dark"] .subtemes-container .theme-card.theme-level-2 {
    background: #20273c !important;
}

html[data-theme="dark"] .theme-card.theme-level-3,
html[data-theme="dark"] .subtemes-container .theme-card.theme-level-3 {
    background: #1b2133 !important;
}

html[data-theme="dark"] .theme-card.locked {
    background: #1b2030 !important;
}

html[data-theme="dark"] .theme-locked-message {
    color: var(--c-muted);
}

html[data-theme="dark"] .toggle-slider:before {
    background-color: var(--c-surface);
}

html[data-theme="dark"] .no-themes {
    background: var(--c-surface-2);
    color: var(--c-muted);
}

html[data-theme="dark"] .locked-theme-indicator {
    color: var(--c-muted);
}

/* Панель платного курса: персиковый градиент заменяется тёмным янтарным */
html[data-theme="dark"] .subscription-panel.paid-panel {
    background: linear-gradient(135deg, #4a3519 0%, #5f2f20 100%);
    color: var(--c-text);
}

html[data-theme="dark"] .subscription-panel.paid-panel h3,
html[data-theme="dark"] .subscription-panel.paid-panel p,
html[data-theme="dark"] .subscription-panel.paid-panel .u-btn {
    color: var(--c-text);
}

html[data-theme="dark"] .subscription-panel.paid-panel .u-btn {
    border-color: var(--c-text);
    background-color: rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] .subscription-panel.paid-panel .u-btn:hover {
    background-color: var(--c-text);
    color: #1d2740;
}

/* Окно видео: подложка остаётся затемнением */
html[data-theme="dark"] #videoModal .modal-content {
    background-color: var(--c-surface) !important;
}

html[data-theme="dark"] #videoModal h3 {
    color: var(--c-text) !important;
}