/* Тёмная тема для chesseditor/board_editor.css (редактор позиции: кабинет и Студия). */

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

html[data-theme="dark"] .chess-editor-header,
html[data-theme="dark"] .chess-editor-footer,
html[data-theme="dark"] .piece-selector,
html[data-theme="dark"] .fen-input,
html[data-theme="dark"] .editor-controls button,
html[data-theme="dark"] .btn-paste,
html[data-theme="dark"] .btn-from-image,
html[data-theme="dark"] .color-btn,
html[data-theme="dark"] .castling-btn {
    border-color: var(--c-border);
}

html[data-theme="dark"] .chess-editor-header h3,
html[data-theme="dark"] .chess-editor-close,
html[data-theme="dark"] .setting-group > label,
html[data-theme="dark"] .castling-checkbox input:disabled + span,
html[data-theme="dark"] .setting-label {
    color: var(--c-muted);
}

html[data-theme="dark"] .chess-editor-close:hover {
    color: var(--c-text);
}

html[data-theme="dark"] .piece-selector:hover,
html[data-theme="dark"] .editor-controls button,
html[data-theme="dark"] .editor-controls button:hover,
html[data-theme="dark"] .btn-paste,
html[data-theme="dark"] .btn-paste:hover,
html[data-theme="dark"] .btn-from-image,
html[data-theme="dark"] .btn-from-image:hover,
html[data-theme="dark"] .board-settings,
html[data-theme="dark"] .color-btn,
html[data-theme="dark"] .castling-btn,
html[data-theme="dark"] .castling-btn.impossible {
    background-color: var(--c-surface-2);
}

html[data-theme="dark"] .color-btn,
html[data-theme="dark"] .castling-btn {
    background: var(--c-surface-2);
}

html[data-theme="dark"] .color-btn:hover,
html[data-theme="dark"] .castling-btn:hover {
    background: var(--c-border);
}

html[data-theme="dark"] .piece-selector.active,
html[data-theme="dark"] .color-btn.active,
html[data-theme="dark"] .castling-btn.active {
    background: var(--c-accent-soft);
}

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

html[data-theme="dark"] .btn-paste,
html[data-theme="dark"] .btn-from-image {
    color: var(--c-text);
}

html[data-theme="dark"] #enPassantSelect {
    background-color: var(--c-surface-2) !important;
    border: 1px solid var(--c-border) !important;
    color: var(--c-text) !important;
}

html[data-theme="dark"] .image-import-status--info {
    background-color: var(--c-accent-soft);
    border-color: var(--c-border);
    color: var(--c-accent-text);
}

html[data-theme="dark"] .image-import-status--success {
    background-color: #17331f;
    border-color: #2b5a37;
    color: #8fe3a3;
}

html[data-theme="dark"] .image-import-status--warning {
    background-color: #3d3314;
    border-color: #5c4d1c;
    color: #f2c94c;
}

html[data-theme="dark"] .image-import-status--error {
    background-color: #3a1d20;
    border-color: #6b2f33;
    color: var(--c-danger);
}