/* =========================================================
   Plus 2026 — Design tokens (извлечено из макета Figma).
   Стиль макета — ПЛОСКИЙ: без теней, без скруглений, без hover.
   Адаптив раскладки — через clamp() (375 → 1470).
   ========================================================= */

:root {
	/* ---------- Цвета бренда ---------- */
	--c-primary: #e96565;        /* фирменный красный */
	--c-ink: #181d2c;            /* основной тёмный текст / тёмный фон */
	--c-muted: #91a5ba;          /* вторичный текст */
	--c-line: #d0d8e1;           /* бордеры/разделители */
	--c-bg-soft: #f4f6f8;        /* светлые подложки */
	--c-white: #ffffff;

	/* ---------- Семантические ---------- */
	--color-text: var(--c-ink);
	--color-text-muted: var(--c-muted);
	--color-heading: var(--c-ink);
	--color-bg: var(--c-white);
	--color-bg-soft: var(--c-bg-soft);
	--color-border: var(--c-line);
	--color-accent: var(--c-primary);
	--color-on-accent: var(--c-white);

	/* ---------- Типографика (Manrope 400/600) ---------- */
	--font-base: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--fw-regular: 400;
	--fw-semibold: 600;

	/* Текучая шкала: clamp(min@375, предпочт., max@1470) */
	--fs-h1: clamp(1.875rem, 1.575rem + 1.28vw, 2.75rem);     /* 30 → 44 */
	--fs-h2: clamp(1.5rem, 1.37rem + 0.55vw, 1.875rem);       /* 24 → 30 */
	--fs-h3: clamp(1.25rem, 1.2rem + 0.18vw, 1.375rem);       /* 20 → 22 */
	--fs-body: clamp(0.9375rem, 0.92rem + 0.09vw, 1rem);      /* 15 → 16 */
	--fs-small: 0.875rem;                                     /* 14 */
	--fs-caption: 0.8125rem;                                  /* 13 */

	--lh-tight: 1.2;
	--lh-heading: 1.33;
	--lh-body: 1.625;

	/* ---------- Отступы (база 8pt) ---------- */
	--space-1: 0.5rem;    /* 8  */
	--space-2: 1rem;      /* 16 */
	--space-3: 1.5rem;    /* 24 */
	--space-4: 2rem;      /* 32 */
	--space-5: 2.5rem;    /* 40 */
	--space-6: 3.75rem;   /* 60 */
	--section-y: clamp(2.5rem, 1.64rem + 3.65vw, 5rem);       /* 40 → 80 */

	/* ---------- Раскладка ---------- */
	--container-max: 1410px;  /* xxl-ширина контейнера ≈ контент макета (1406) */
	--container-pad: 1rem;    /* боковые поля контейнера (16px), как gutter у bootstrap */
	--gutter: clamp(1rem, 2.2vw, 3rem);

	/* ---------- Контролы (точные значения из макета) ---------- */
	--radius: 0;              /* макет без скруглений */
	--btn-py: 20px;
	--btn-px: 30px;
	--field-h: 60px;
}