/* ============================================================
   tokens.css — единственный источник цветов/радиусов/отступов/шрифтов.
   Не хардкодить эти значения в site.css/page-*.css — только var(--…).
   ============================================================ */
:root{
  /* --- Цвета бренда (брендбук) --- */
  --c-dark:        #171B1A;   /* основной тёмный: текст на светлом, тёмные секции */
  --c-dark-deep:   #0F1412;   /* футер / самые тёмные подложки */
  --c-white:       #FFFFFF;
  --c-cream:       #F4F3EE;   /* светлый фон секций (приглушённый белый) */
  --c-graygreen:   #3B4A48;   /* доп. нейтраль, бордеры, вторичный текст */
  --c-pattern:     #14342B;   /* фон паттерна (тёмно-зелёный) */
  --c-green:       #235347;   /* акцент */
  --c-green-soft:  #7FBBA3;   /* акцент на тёмном (надзаголовки) */
  --c-brown:       #7A6248;   /* шишка / A-frame / деталь */
  --c-star:        #E8A93B;   /* звёзды рейтинга */

  /* --- Текст --- */
  --c-text:        #171B1A;
  --c-text-muted:  #4A5350;
  --c-on-dark:     #C9D2CE;   /* основной текст на тёмном */
  --c-on-dark-2:   #8FA39C;   /* приглушённый на тёмном */
  --c-on-dark-3:   #6E827B;   /* самый тихий на тёмном (копирайт) */
  --c-on-dark-hi:  #EAF0ED;   /* светлые чипы на тёмном */

  /* --- Границы --- */
  --bd-dark:       rgba(23,27,26,.1);
  --bd-dark-2:     rgba(23,27,26,.25);
  --bd-light:      rgba(255,255,255,.4);
  --bd-light-2:    rgba(255,255,255,.16);
  --bd-light-3:    rgba(255,255,255,.1);

  /* --- Радиусы --- */
  --r-pill: 999px;
  --r-lg:   22px;
  --r-md:   14px;
  --r-sm:   12px;

  /* --- Раскладка --- */
  --maxw:      1240px;
  --maxw-nar:  1080px;
  --pad-x:     24px;

  /* --- Тени --- */
  --sh-card: 0 14px 40px rgba(0,0,0,.25);
  --sh-soft: 0 10px 30px rgba(23,27,26,.08);

  /* --- Шрифты --- */
  --font-head: 'Oswald', sans-serif;   /* заголовки, кнопки, акценты */
  --font-body: 'Jost', sans-serif;     /* основной текст */

  /* --- Типографские шкалы (clamp — адаптив) --- */
  --fs-h1:   clamp(38px, 6vw, 74px);
  --fs-h2:   clamp(30px, 4vw, 52px);
  --fs-body: 18px;
}