/* public/css/vars.css - ЕДИНЫЙ файл переменных */
:root {
	/* Color palette shared across the site */
	--page-bg: #0A2B40;
	--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01));
	--main-gr-bg: linear-gradient(135deg, #103145 0%, #1a3a5f 100%);
	/* --main-gr-bg: linear-gradient(135deg, #0A2B40 0%, #1a3a5f 100%); */
	--text: #FFFFFF;
	--text-gray: #888C94;
	--muted: #aab6c4;
	/* Первый градиент для кнопок */
	--accent: #032dff; 
	/* Второй градиент для кнопок */
	--accent-2: #846ee7;
	--green-accent: #00c851;
	--red-accent: #ff5252;
	--blue-accent: #33b5e5;
	--glass: rgba(255, 255, 255, 0.03);
	--glass-2: rgba(255, 255, 255, 0.02);
	--shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
	--font-main: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

html,
body {
	background: var(--page-bg);
	color: var(--text);
	font-family: var(--font-main);
}