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

html[data-theme="dark"] .theme-name,
html[data-theme="dark"] .puzzle-info .puzzle-number,
html[data-theme="dark"] .puzzle-theme-title,
html[data-theme="dark"] .task-text,
html[data-theme="dark"] .loading-indicator,
html[data-theme="dark"] .completion-panel .close-button {
    color: var(--c-muted);
}

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

html[data-theme="dark"] .puzzle-solved,
html[data-theme="dark"] .win-message {
    color: #5ee08a;
}

html[data-theme="dark"] .draw-message {
    color: #5bb2f0;
}

html[data-theme="dark"] .lose-message {
    color: #ff8a80;
}

html[data-theme="dark"] .auth-warning {
    color: #f5a35c;
}

html[data-theme="dark"] .puzzle-stat-icon.solved,
html[data-theme="dark"] .puzzle-stat-icon.visible {
    color: #6fd68a;
}

/* Плашки над задачей и над доской: светлый градиент -> поверхность палитры */
html[data-theme="dark"] .task-header,
html[data-theme="dark"] .chess-board-header {
    background: var(--c-surface-2);
    border-color: var(--c-border);
}

html[data-theme="dark"] .chess-board-header::before {
    background: linear-gradient(90deg, #3a4260 0%, #55608a 50%, #3a4260 100%);
}

html[data-theme="dark"] .loading-spinner {
    border-color: var(--c-border);
    border-top-color: var(--c-accent-text);
}

html[data-theme="dark"] .basic-info .puzzle-navigation .u-btn {
    background: var(--c-surface-2);
    border-color: var(--c-border);
    color: var(--c-text);
}

html[data-theme="dark"] .basic-info .puzzle-navigation .u-btn:hover {
    background: var(--c-border);
}