/* ==========================================================================
   Дизайн-токены темы Travel
   Палитра и форма — по разбору travel.ru (REFERENCE_travel.ru.md §2).
   ========================================================================== */

:root {
	/* Цвета — база */
	--color-bg: #ffffff;
	--color-bg-subtle: #f8f9fa;
	--color-surface: #ffffff;
	--color-border: #e9ecef;
	--color-border-strong: #dee2e6;

	/* Текст */
	--color-text: #212529;
	--color-text-muted: #6c757d;
	--color-text-invert: #ffffff;

	/* Акценты */
	--color-primary: #10b981;
	--color-primary-600: #059669;
	--color-primary-700: #047857;
	--color-primary-900: #065f46;

	--color-accent-warm: #e88464;
	--color-accent-amber: #d97706;
	--color-info: #55b9ff;
	--color-info-bg: #e3f2ff;
	--color-violet: #6741d9;

	/* Радиусы */
	--radius-xs: 6px;
	--radius-sm: 8px;
	--radius-md: 16px;
	--radius-lg: 24px;
	--radius-pill: 999px;

	/* Типографика */
	--font-base: "Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-headings: "Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--fs-xs: 0.8125rem;   /* 13px */
	--fs-sm: 0.9375rem;   /* 15px */
	--fs-base: 1.0625rem; /* 17px */
	--fs-lg: 1.25rem;     /* 20px */
	--fs-xl: 1.5rem;      /* 24px */
	--fs-2xl: 2rem;       /* 32px */
	--fs-3xl: 2.75rem;    /* 44px */

	--lh-tight: 1.2;
	--lh-base: 1.6;

	/* Сетка и отступы */
	--container: 1200px;
	--container-narrow: 760px;
	--gap: 24px;
	--gap-sm: 16px;
	--gap-lg: 40px;

	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 64px;

	/* Тени */
	--shadow-sm: 0 1px 2px rgba(33, 37, 41, 0.06);
	--shadow-md: 0 8px 24px rgba(33, 37, 41, 0.08);
	--shadow-lg: 0 16px 40px rgba(33, 37, 41, 0.12);

	/* Прочее */
	--header-height: 68px;
	--transition: 0.2s ease;
}