/* Темная тема (по умолчанию) */
[data-theme="dark"] {
    /* Все переменные уже установлены в main.css */
}

/* Светлая тема */
[data-theme="light"] {
    /* Переопределения для Monaco Editor в светлой теме */
    --monaco-bg: #ffffff;
    --monaco-line: #f6f8fa;
    --monaco-border: #e1e4e8;
}

/* Monaco Editor темы */
.monaco-editor {
    --vscode-editor-background: var(--bg-primary);
    --vscode-editor-foreground: var(--text-primary);
    --vscode-editor-lineHighlightBackground: var(--bg-secondary);
}

/* Переключатель темы */
.theme-toggle {
    background: none;
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
    padding: 0.5rem;
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.theme-toggle:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}

.theme-toggle .icon-sun {
    display: none;
}

.theme-toggle .icon-moon {
    display: block;
}

[data-theme="light"] .theme-toggle .icon-sun {
    display: block;
}

[data-theme="light"] .theme-toggle .icon-moon {
    display: none;
}