/**
 * Путь: /assets/css/dark-mode.css
 * Назначение: Цветовая схема Dark Mode.
 */

body.dark-mode {
	--color-bg-base: #0f172a;
	--color-bg-surface: #1e293b;
	--color-bg-surface-hover: #334155;
	
	--color-text-main: #f1f5f9;
	--color-text-muted: #94a3b8;
	--color-text-inverse: #0f172a;
	
	--color-border: #334155;
	--color-border-hover: #475569;

	/* Акценты (делаем чуть светлее для контраста на темном) */
	--color-primary: #60a5fa;
	--color-primary-hover: #3b82f6;
	
	/* Статусы */
	--color-success: #34d399;
	--color-success-bg: rgba(16, 185, 129, 0.1);
	--color-danger: #f87171;
	--color-danger-bg: rgba(239, 68, 68, 0.1);
	--color-warning: #fbbf24;
	--color-warning-bg: rgba(245, 158, 11, 0.1);
	
	--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
	--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
}

/* Специфичные корректировки темной темы */
body.dark-mode .content-body pre {
	background-color: #000;
	border: 1px solid var(--color-border);
}

body.dark-mode .tag {
	background-color: var(--color-bg-surface-hover);
}

body.dark-mode .answer-item.is-best {
	background-color: rgba(16, 185, 129, 0.05); /* Легкий зеленый оттенок на темном фоне */
}

/* Изображения / Аватары слегка затемняем (чтобы не били по глазам) */
body.dark-mode img,
body.dark-mode .avatar {
	opacity: 0.9;
	transition: opacity var(--transition-fast);
}
body.dark-mode img:hover,
body.dark-mode .avatar:hover {
	opacity: 1;
}

body.dark-mode .empty-state {
	background-color: var(--color-bg-surface);
	border-color: var(--color-border);
}