:root {

	--primary: #0067d4;
		--primary-alpha-800: #0067d4cb;
		--primary-alpha-700: #0067d4b8;
		--primary-alpha-500: #0067d48a;
		--primary-alpha-300: #0067d44f;
		--primary-alpha-100: #0067d41e;
		--primary-gradient: linear-gradient(135deg, #007cff, var(--primary));

	--secondary: #f60;
		--secondary-alpha-100: #ff66001e;
		--secondary-alpha-200: #ff660037;
		--secondary-alpha-300: #ff66004f;
		--secondary-gradient: linear-gradient(56deg, rgba(242,151,80,1) 0%, var(--secondary) 100%);
		--secondary-dark: #bc4b00;

	--success: #26bd61;
	--error: #f75c5c;
	--purple: oklch(0.4 0.15 300);

	/* new */
	--color-red: oklch(0.4 0.18 22.97);
	--color-green: oklch(0.5 0.17 142);

	--light: #f4f4f4;
	--lighter: #f8f8f8;
	--lightest: #fefefe;
	--gray-dark: #32383a;
	--gray: #58595a;
	--gray-light: #909293;
	--gray-lighter: #c9ccce;
	--gray-lightest: #dfe1e5;
	--dark: /*#2c333c*/ #121417;

	--page-padding: 1.5rem;
	--page-width: calc(1050px + var(--page-padding)*2);

	--shadow--lighter: 0 0px 0.4px -8px rgba(0, 0, 0, 0.015),
					   0 0px 0.9px -8px rgba(0, 0, 0, 0.027),
					   0 0px 1.4px -8px rgba(0, 0, 0, 0.038),
					   0 0px 2.2px -8px rgba(0, 0, 0, 0.048),
					   0 0px 3.1px -8px rgba(0, 0, 0, 0.057),
					   0 0px 4.4px -8px rgba(0, 0, 0, 0.066),
					   0 0px 6.3px -8px rgba(0, 0, 0, 0.075),
					   0 0px 9.1px -8px rgba(0, 0, 0, 0.083),
					   0 0px 14.1px -8px rgba(3, 1, 0, 0.092),
					   0 0px 25px -8px rgba(3, 2, 0, 0.1);

	--shadow--light:    0 0.1px 0.6px rgba(0, 0, 0, 0.014),
						0 0.1px 1.3px rgba(0, 0, 0, 0.02),
						0 0.3px 2.5px rgba(0, 0, 0, 0.025),
						0 0.4px 4.5px rgba(0, 0, 0, 0.03),
						0 0.8px 8.4px rgba(5, 2, 0, 0.036),
						0 2px 20px rgba(7, 3, 0, 0.05);

	--shadow: 	0 0.2px 0.3px rgba(0, 0, 0, 0.031),
				0 0.6px 0.8px rgba(0, 0, 0, 0.044),
				0 1.2px 1.6px rgba(0, 0, 0, 0.056),
				0 2.6px 3.3px rgba(0, 0, 0, 0.069),
				0 7px 9px rgba(0, 0, 0, 0.1);

	--font: "Golos Text", Verdana, sans-serif;
	--font-narrow: "Golos UI", Tahoma, sans-serif;
	--font-serif: Georgia, serif;
}

@media (prefers-color-scheme: dark) {
	:root {	/* При изменении -> в dark-theme.css */

		--lightest: #202b39;
		--lighter: #1a2431;
		--light: #151d26;
		--dark: #f8f9ff;
		--gray-dark: #d3d6e1;
		--gray-light: #c6c8ca;
		--gray: #c1c2c3;
		--gray-lightest: #202b39;

		--error: #ca4848;
		--purple: oklch(0.66 0.207 296);

		--color-red: oklch(0.7 0.18 22.97);
		--color-green: oklch(0.7 0.17 142);

		--primary: #58c0ff;
			--primary-alpha-800: #58c0ffcb;
			--primary-alpha-700: #58c0ffb8;
			--primary-alpha-500: #58c0ff8a;
			--primary-alpha-300: #58c0ff4f;
			--primary-alpha-100: #58c0ff1e;
		--primary-gradient: linear-gradient(135deg, #58c0ff, var(--primary));

		--secondary-dark: #f60;

	}
	.theme-switcher {
		display: none;
	}
}

@media (width < 992px) {
	:root {
		--page-padding: 0.5rem;
	}
}

@media print {
	:root {

		--dark: #000000;
		--lightest: #FFFFFF;

		--shadow--lighter: 0 0 1px var(--gray-light);
		--shadow--light: 0 0 1px var(--gray);
		--shadow: 0 0 1px var(--gray-dark);

	}
}