/**
 * Типографика заголовков — override Bootstrap .h1 / .h2.
 * Канон: docs/design/base.md. Токены: tokens.css.
 * Только размер / вес / интерлиньяж — цвет оставляем контексту (text-*, секции).
 * Подключать после bootstrap5, tokens и home.css / home-overrides.
 */

.h1,
.home-2026 .h1 {
	font-size: var(--wt-font-size-h1);
	font-weight: var(--wt-font-weight-heading, 700);
	line-height: var(--wt-line-height-heading, 1.2);
}

.h2,
.home-2026 .h2 {
	font-size: var(--section-heading-size, clamp(30px, 8vw, 36px));
	font-weight: var(--wt-font-weight-h2, 500);
	line-height: 1.12;
}

@media (width >= 992px) {
	.h1,
	.home-2026 .h1 {
		font-size: var(--wt-font-size-h1-lg); /* 38px */
	}

	.h2,
	.home-2026 .h2 {
		font-size: var(--wt-font-size-h2-lg); /* 37px */
	}
}