/**
 * Дизайн-токены Термо.РУС
 * Источник: docs/brand-and-services-brief.md §9
 */

@font-face {
	font-family: "Museo Sans";
	src: url("../fonts/MuseoSansRegular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Museo Sans";
	src:
		url("../fonts/MuseoSansMedium.woff") format("woff"),
		url("../fonts/MuseoSansMedium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

:root {
	/* Цвета бренда: оранжевый — искра (логотип, CTA, телефон), не хром страницы */
	--termo-color-brand: #be3001;
	--termo-color-brand-dark: #2c2420;
	--termo-color-ui: #4a2222;
	--termo-color-cta: #be3001;
	--termo-color-accent: #be3001;
	--termo-color-price: #4a2222;
	--termo-color-ink: #4a2222;
	--termo-color-cream: #f4ebe6;

	/* Текст */
	--termo-color-text: #424242;
	--termo-color-text-strong: #333333;
	--termo-color-text-muted: #6b635e;
	--termo-color-text-on-dark: #ffffff;

	/* Поверхности */
	--termo-color-bg: #ffffff;
	--termo-color-bg-soft: #f7f5f3;
	--termo-color-border: #ddd6d0;
	--termo-color-border-strong: #c4bbb4;
	--termo-color-overlay: rgba(44, 36, 32, 0.72);

	/* Типографика */
	--termo-font-family: "Museo Sans", Arial, sans-serif;
	--termo-font-size-base: 1rem;
	--termo-font-size-sm: 0.875rem;
	--termo-font-size-lg: 1.125rem;
	--termo-font-size-xl: 1.375rem;
	--termo-font-size-h1: clamp(1.75rem, 1.2rem + 1.8vw, 2.5rem);
	--termo-font-size-h2: clamp(1.5rem, 1.15rem + 1.2vw, 2rem);
	--termo-font-size-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
	--termo-line-height: 1.55;
	--termo-line-height-tight: 1.25;
	--termo-font-weight-regular: 400;
	--termo-font-weight-medium: 500;

	/* Сетка и отступы */
	--termo-container: 72rem;
	--termo-container-narrow: 48rem;
	--termo-space-1: 0.25rem;
	--termo-space-2: 0.5rem;
	--termo-space-3: 0.75rem;
	--termo-space-4: 1rem;
	--termo-space-5: 1.5rem;
	--termo-space-6: 2rem;
	--termo-space-7: 3rem;
	--termo-space-8: 4rem;
	--termo-section-gap: clamp(2.5rem, 2rem + 2vw, 4.5rem);

	/* Радиусы и тени — сдержанно, без «магазинного» вида */
	--termo-radius: 0.25rem;
	--termo-radius-lg: 0.375rem;
	--termo-shadow: 0 1px 2px rgba(44, 36, 32, 0.08);

	/* Переходы */
	--termo-transition: 0.18s ease;

	/* Фокус */
	--termo-focus-ring: 0 0 0 3px rgba(190, 48, 1, 0.35);
}