/* ============================================================
   VAST CLEANING · ДИЗАЙН-ТОКЕНЫ
   Единственный источник размеров, отступов и типографики.
   Задача владельца 01.08.2026: убрать произвольные значения,
   от которых сайт «рассыпается».

   ШКАЛА ОТСТУПОВ — числа Фибоначчи.
   ТИПОГРАФИКА — шаг 1.618 между уровнями.
   В компонентах использовать ТОЛЬКО эти переменные.
   ============================================================ */
:root{
  /* --- отступы: Фибоначчи --- */
  --space-1: 8px;
  --space-2: 13px;
  --space-3: 21px;
  --space-4: 34px;
  --space-5: 55px;
  --space-6: 89px;
  --space-7: 144px;   /* только для крупных отбивок между экранами */

  /* --- типографика: шаг 1.618 --- */
  --font-body: 16px;
  --font-small: 13px;   /* 21 / 1.618 */
  --font-h4: 21px;
  --font-h3: 26px;
  --font-h2: 42px;
  --font-h1: 68px;
  --lh-tight: 1.12;
  --lh-head: 1.18;
  --lh-body: 1.6;

  /* --- радиусы: тот же ряд, острых углов на сайте нет --- */
  --r-sm: 8px;
  --r-md: 13px;
  --r-lg: 21px;
  --r-xl: 34px;
  --r-pill: 100px;

  /* --- тени: объём вместо острых краёв --- */
  --sh-1: 0 2px 8px rgba(23,26,32,.06);
  --sh-2: 0 8px 21px rgba(23,26,32,.08);
  --sh-3: 0 13px 34px rgba(23,26,32,.10);

  /* --- пропорция контент/сайдбар — золотое сечение --- */
  --split-main: 61.8%;
  --split-side: 38.2%;

  /* --- ширина контента --- */
  --wrap: 1180px;
}

/* мобильная типографика: та же шкала, на ступень ниже */
@media(max-width:768px){
  :root{
    --font-h1: 42px;
    --font-h2: 32px;
    --font-h3: 21px;
    --font-h4: 18px;
  }
}