@media screen and (prefers-color-scheme: dark) { /* только для экранов! Для печати применяется светлая тема. */
	:root {

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

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

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

		--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, #0068d7, #0076f3);

		--secondary-dark: #f60;

	}

	body {
		color: var(--dark);
	}
	
	
	.skeleton__block--painted {
		background-image: linear-gradient(135deg, var(--lighter) 20%, var(--lightest) 50%);
	}
	
	
	.cart-form__order-payment-group {
		padding: 0.5rem;
		border-radius: 0.2rem;
		filter: grayscale(0) saturate(3);
	}
	
	.footer-container {
		transition: border-radius 0.1s;
		background-color: var(--light);
		background-image: none;
		box-shadow: var(--shadow--light), var(--shadow) inset;
		border-radius: 4rem 4rem 0 0;
	}
	
	.fade {
		background-color: #161d28eb;
		filter: none;
	}
	
	.s-input--focus:not(.s-input--error) .s-input__placeholder,
	.s-input--hover:not(.s-input--error) .s-input__placeholder,
	.s-input--focus:not(.s-input--error) .s-input__tooltip-icon,
	.s-input--hover:not(.s-input--error) .s-input__tooltip-icon,
	.s-input--focus:not(.s-input--error) .s-input-number__units,
	.s-input--hover:not(.s-input--error) .s-input-number__units {
		color: var(--primary) !important;
	}
	
	.s-input--focus:not(.s-input--error) .s-input__input-area,
	.s-input--hover:not(.s-input--error) .s-input__input-area {
		border-color: var(--primary) !important;
	}
	
	.tariff:not(.tariff-active) img {
		filter: grayscale(1) contrast(16) invert();
	}
	
	hr {
		background-color: #2e3944;
	}
	
	.cart-form__delivery {
		box-shadow: 0 0 10px 1px #0000001c inset;
	}
	.cart-form__order-system {
		filter: invert();
	}
	
	.link {
		text-decoration-color: color-mix(in srgb, currentColor, transparent 70%);
	}
		.link:hover {
			text-decoration-color: color-mix(in srgb, currentColor, transparent 30%);
		}
	
	@media screen and (max-width: 992px) {
		body {
			background-color: var(--lighter);
		}
	
		.search__group {
			border: 1px solid var(--primary-alpha-300);
		}
		.search__icon {
			background-color: var(--light);
		}
		.search__input {
			background-color: var(--light);
		}
	}
}