/* ==========================================================================
   Дизайн-токены. Значения взяты из Figma UI KIT — ничего не подобрано на глаз.
   ========================================================================== */

:root {
  /* --- Цвета: бренд ------------------------------------------------------ */
  --c-forest: #123206; /* основной тёмно-зелёный */
  --c-lime: #a0f447; /* акцент, CTA, маркеры */
  --c-veil: #073124; /* вуаль поверх фотографий, используется на 50% */

  /* --- Цвета: нейтральные ------------------------------------------------ */
  --c-ink: #262626;
  --c-black: #000000;
  --c-white: #ffffff;
  --c-paper: #f8f8f8;
  --c-paper-2: #f2f2f2;
  --c-paper-3: #f8fbff;
  --c-hairline: #dadada;
  --c-slate: #292d32;

  /* --- Цвета: акценты и статусы ------------------------------------------ */
  --c-amber: #fb8f2d;
  --c-amber-2: #ff910b;
  --c-gold: #ffb919;
  --c-danger: #ff4433;
  --c-go: #19aa1e;
  --c-sprout: #82d714;
  --c-whatsapp: #25d366;
  --c-telegram: #0073fa;

  /* --- Полупрозрачные (частые в макете) ---------------------------------- */
  --c-white-10: rgb(255 255 255 / 0.1);
  --c-white-20: rgb(255 255 255 / 0.2);
  --c-white-25: rgb(255 255 255 / 0.25);
  --c-white-40: rgb(255 255 255 / 0.4);
  --c-white-50: rgb(255 255 255 / 0.5);
  --c-white-60: rgb(255 255 255 / 0.6);
  --c-black-10: rgb(0 0 0 / 0.1);
  --c-black-20: rgb(0 0 0 / 0.2);
  --c-black-40: rgb(0 0 0 / 0.4);
  --c-veil-50: rgb(7 49 36 / 0.5);

  /* --- Шрифты ------------------------------------------------------------ */
  --f-display: var(--font-forma), 'Forma DJR Cyrillic Display', system-ui, sans-serif;
  --f-text: var(--font-cofo), 'CoFo Sans', system-ui, sans-serif;
  --f-italic: var(--font-robert), 'CoFo Robert', Georgia, serif;

  /* --- Типографика -------------------------------------------------------
     Заголовки тянутся между мобильным и десктопным значением из макета:
     clamp(мобильное, ~вьюпорт, десктопное). Базовые размеры в 1rem = 16px. */
  --t-hero: clamp(3.75rem, 2.2rem + 6.5vw, 7.5rem); /* 60 → 120, по брифу TEXT 120/80 */
  --t-h2: clamp(2.8125rem, 1.6rem + 5.1vw, 5rem); /* 45 → 80 */
  --t-h2-sub: clamp(2.5rem, 1.5rem + 4.2vw, 4.375rem); /* 40 → 70 */
  --t-h3: clamp(1.875rem, 1.3rem + 2.4vw, 3.75rem); /* 30 → 60 */
  --t-h4: clamp(1.5625rem, 1.2rem + 1.5vw, 2.5rem); /* 25 → 40 */
  --t-lead: clamp(1rem, 0.9rem + 0.4vw, 1.5625rem); /* 16 → 25 */
  --t-body: clamp(0.875rem, 0.82rem + 0.23vw, 1.125rem); /* 14 → 18 */
  --t-body-sm: clamp(0.8125rem, 0.78rem + 0.16vw, 1rem); /* 13 → 16 */
  --t-caption: clamp(0.75rem, 0.72rem + 0.16vw, 0.9375rem); /* 12 → 15 */
  --t-num: clamp(2.5rem, 1.4rem + 4.7vw, 6.25rem); /* 40 → 100 */

  --lh-tight: 1.05;
  --lh-heading: 1.2;
  --lh-body: 1.28;
  --lh-relaxed: 1.45;

  /* --- Сетка отступов ----------------------------------------------------
     Дробные gap из Figma (6.5, 8.42, 8.79 …) округлены до шкалы — иначе
     вместо системы получается набор случайных чисел. */
  --s-1: 0.25rem; /*  4 */
  --s-2: 0.5rem; /*   8 */
  --s-3: 0.625rem; /* 10 */
  --s-4: 0.9375rem; /* 15 */
  --s-5: 1.25rem; /* 20 */
  --s-6: 1.5625rem; /* 25 */
  --s-7: 1.875rem; /* 30 */
  --s-8: 2.5rem; /*  40 */
  --s-9: 3.125rem; /* 50 */
  --s-10: 3.75rem; /* 60 */
  --s-12: 5rem; /*   80 */
  --s-14: 6.25rem; /* 100 */

  /* Вертикальный ритм между секциями: 60px в макете, сжимается на мобильном */
  --s-section: clamp(2.5rem, 1.5rem + 4vw, 3.75rem);

  /* --- Радиусы ----------------------------------------------------------- */
  --r-sm: 0.625rem; /* 10 */
  --r-md: 0.9375rem; /* 15 */
  --r-lg: 1.25rem; /* 20 */
  --r-xl: 1.5625rem; /* 25 */
  --r-2xl: 1.875rem; /* 30 */
  --r-pill: 62.5rem;

  /* --- Тени и размытия --------------------------------------------------- */
  --sh-card: 0 4px 30px rgb(0 0 0 / 0.1);
  --sh-float: 0 10px 40px rgb(0 0 0 / 0.2);
  --blur-glass: 10px;

  /* --- Раскладка ---------------------------------------------------------- */
  --w-content: 107.5rem; /* 1720 — рабочая ширина контента в макете */
  --w-wide: 120rem; /*    1920 — полная ширина полотна */
  --gutter: clamp(1rem, 0.4rem + 2.6vw, 3.75rem);

  /* --- Прочее ------------------------------------------------------------- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur: 220ms;
  --z-header: 100;
  --z-overlay: 200;
}