/*
 * Токены дизайна — единственный источник цветов, шрифтов, отступов и размеров.
 * Значения сняты с xtrailtour.com (десктоп 1235px и телефон 360px); плавные размеры —
 * clamp() между этими двумя точками. Блоки берут значения только отсюда.
 * Новая переменная — по согласованию.
 */
:root {
	/* Цвета */
	--xt-color-text: #2c2c35;
	--xt-color-text-muted: #5f5f6b;
	--xt-color-bg: #ffffff;
	--xt-color-surface: #fafaf9;
	--xt-color-dark: #2c2c35;
	--xt-color-on-dark: #ffffff;
	--xt-color-on-dark-muted: rgba(255, 255, 255, 0.66);
	--xt-color-accent: #2a9c4e;
	--xt-color-accent-hover: #23843f;
	--xt-color-accent-light: #36ba5f;
	--xt-color-accent-contrast: #ffffff;
	--xt-color-highlight: #acff4d;
	--xt-color-on-highlight: #2c2c35;
	--xt-color-link: #0c5492;
	--xt-color-border: #e4e4e0;
	--xt-color-focus: #1a73e8;

	/* Наложения на фоновые фото — как на старом сайте */
	--xt-overlay-light: linear-gradient(0deg, #fafaf9 0%, rgba(255, 255, 255, 0.63) 100%);
	--xt-overlay-dark: linear-gradient(0deg, rgba(47, 46, 46, 0.61) 0%, rgba(47, 46, 46, 0.13) 100%);

	/* Шрифты */
	--xt-font-body: "Roboto", -apple-system, "Segoe UI", Arial, sans-serif;
	--xt-font-heading: "Unbounded", "Roboto", -apple-system, "Segoe UI", Arial, sans-serif;
	--xt-font-weight-heading: 500;
	--xt-font-weight-medium: 500;

	/* Текст: 15/32 на десктопе, 15/22 на телефоне */
	--xt-font-size-xs: 0.75rem;
	--xt-font-size-tag: 0.84375rem;
	--xt-font-size-sm: 0.875rem;
	--xt-font-size-base: 0.9375rem;
	--xt-font-size-quote: 1.1875rem;
	--xt-line-height: clamp(1.375rem, 1.1179rem + 1.1429vw, 2rem);
	--xt-line-height-sm: 1.25rem;
	--xt-line-height-quote: 1.5625rem;
	--xt-line-height-button: 1.2;

	/* Заголовки: h1 50/56 -> 30/34, h2 24/40 -> 20/28 */
	--xt-font-size-h1: clamp(1.875rem, 1.3607rem + 2.2857vw, 3.125rem);
	--xt-line-height-h1: 1.12;
	--xt-font-size-h2: clamp(1.25rem, 1.1471rem + 0.4571vw, 1.5rem);
	--xt-line-height-h2: clamp(1.75rem, 1.4414rem + 1.3714vw, 2.5rem);
	--xt-font-size-h3: 1.25rem;
	--xt-font-size-h4: 1.0625rem;
	--xt-line-height-heading: 1.4;

	/* Отступы — шкала старого сайта: 5, 15, 20, 24, 30, 40, 60 px */
	--xt-space-2xs: 0.3125rem;
	--xt-space-sm: 0.9375rem;
	--xt-space-md: 1.25rem;
	--xt-space-lg: 1.5rem;
	--xt-space-xl: 1.875rem;
	--xt-space-2xl: 2.5rem;
	--xt-space-3xl: 3.75rem;
	--xt-space-section: 2.5rem;

	/* Контейнер */
	--xt-container: 76.25rem;
	--xt-container-content: 58.75rem;
	--xt-container-text: 50rem;
	--xt-container-lead: 41.25rem;
	--xt-gutter: 1.25rem;

	/* Скругления */
	--xt-radius-sm: 0.25rem;
	--xt-radius: 0.3125rem;
	--xt-radius-lg: 1.875rem;

	/* Прочее */
	--xt-button-padding: 0.75rem 1.25rem;
	--xt-transition: 0.2s ease;
}