/*
 * Поля страницы — front#808, по кадрам дизайнеров 846:23377 (768) и 851:29547 (375) — front#1044.
 * На 1440 поля 80 по бокам (theme.json), колонка 1280. Уже 1440 колонка остаётся 1280, пока поля
 * не сожмутся до 32; уже 1024 поля 24 (линии сетки 768 на x 24 и 744), на телефоне 12 (линии 375
 * на x 12 и 363). Секции читают поля из тех же переменных ядра (выравнивания с учётом полей
 * корня), так что колонка и линии сетки сжимаются вместе. Файл общий, грузится на каждой странице.
 */
@media (max-width: 1439px) {
	body {
		--wp--style--root--padding-right: max(var(--wp--preset--spacing--32), calc((100vw - 1280px) / 2));
		--wp--style--root--padding-left: max(var(--wp--preset--spacing--32), calc((100vw - 1280px) / 2));
	}
}

@media (max-width: 1023px) {
	body {
		--wp--style--root--padding-right: var(--wp--preset--spacing--24);
		--wp--style--root--padding-left: var(--wp--preset--spacing--24);
	}
}

@media (max-width: 767px) {
	body {
		--wp--style--root--padding-right: var(--wp--preset--spacing--12);
		--wp--style--root--padding-left: var(--wp--preset--spacing--12);
	}
}

/*
 * Крупный текст: заголовки секций, hero и цифры берут размеры из пресетов темы, поэтому шкала
 * сжимается здесь одним местом — на планшете крупнейшие размеры, на телефоне все от 32 и выше.
 * Строки — из тех же пар размер/интерлиньяж, что в theme.json.
 */
@media (max-width: 1023px) {
	body {
		--wp--preset--font-size--size-66: 56px;
		--wp--custom--line-height--size-66: 64px;
		--wp--preset--font-size--size-48: 40px;
		--wp--custom--line-height--size-48: 48px;
		--wp--preset--font-size--size-44: 40px;
		--wp--custom--line-height--size-44: 48px;
		--wp--preset--font-size--size-40: 32px;
		--wp--custom--line-height--size-40: 40px;
	}
}

@media (max-width: 767px) {
	body {
		--wp--preset--font-size--size-66: 48px;
		--wp--custom--line-height--size-66: 56px;
		--wp--preset--font-size--size-48: 32px;
		--wp--custom--line-height--size-48: 40px;
		--wp--preset--font-size--size-44: 32px;
		--wp--custom--line-height--size-44: 40px;
		--wp--preset--font-size--size-32: 24px;
		--wp--custom--line-height--size-32: 32px;
	}
}