:root {
	/* Цветовая палитра - тёмная тема по умолчанию */
	--primary-bg: #0f0f23;
	--secondary-bg: #1a1a2e;
	--tertiary-bg: #252542;
	--card-bg: #16213e;
	--header-bg: #0c0c1d;

	/* Акцентные цвета */
	--accent-primary: #6366f1;
	--accent-secondary: #8b5cf6;
	--accent-success: #10b981;
	--accent-warning: #f59e0b;
	--accent-danger: #ef4444;
	--accent-info: #06b6d4;

	/* Текст */
	--text-primary: #f8fafc;
	--text-secondary: #cbd5e1;
	--text-muted: #94a3b8;

	/* Границы и тени */
	--border-color: #334155;
	--border-radius: 12px;
	--border-radius-sm: 8px;
	--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
	--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4);

	/* Анимации */
	--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--transition-fast: all 0.15s ease;

	/* Размеры */
	--header-height: 70px;
	--nav-height: 60px;
	--sidebar-width: 320px;
	--max-width: 1400px;
}

/* Светлая тема */
[data-theme='light'] {
	--primary-bg: #ffffff;
	--secondary-bg: #d8d8d8;
	--tertiary-bg: #888888;
	--card-bg: #ffffff;
	--header-bg: #1d1d37;

	--text-primary: #1e293b;
	--text-secondary: #475569;
	--text-muted: #64748b;

	--border-color: #192431;
	--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.2);
}