/* ===== JUNITY design tokens — общие примитивы для всех страниц =====
   Подключать ПЕРВЫМ (до site-chrome.css и инлайн-<style>): tokens → chrome → тема страницы.
   Здесь только тема-НЕзависимые константы (палитра, шрифты, радиусы, motion).
   Тема страницы (--hub-* / --create-*, --grad, --trust-orange) остаётся в :root страницы. */
:root{
  /* --- Брендовая палитра --- */
  --blue:#00B3FF; --orange:#FF9121; --magenta:#DD59FC; --lime:#CCFF00;

  /* --- Маркетплейсы (кросс-темная константа) --- */
  --wb:#CB11AB; --ozon:#005BFF;

  /* --- Типографика --- */
  --font-display:"Montserrat",system-ui,sans-serif;
  --font-body:"Inter",system-ui,sans-serif;
  --font-graf:"Caveat",cursive;
  --h1-size:clamp(1.7rem,3.6vw + .5rem,2.7rem);  /* размер H1 hero — един на всех страницах */

  /* --- Радиусы --- */
  --radius-sm:8px; --radius-md:16px; --radius-lg:24px; --radius-full:9999px;

  /* --- Motion (длительности + CSS-приближения GSAP-eases) --- */
  --motion-fast:200ms; --motion-base:400ms; --motion-slow:700ms;
  --ease-out:cubic-bezier(.215,.61,.355,1);   /* power2.out */
  --ease-pop:cubic-bezier(.34,1.56,.64,1);    /* back.out(1.4) */

  /* --- Спейсинг-шкала (общая) --- */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px;

  /* --- Семантические отступы hero (едины на всех страницах, меняются здесь) --- */
  --hero-head-gap:24px;   /* расстояние заголовок↔подзаголовок */
  --hero-pad-top:82px;    /* верхний отступ hero (responsive ниже) */
}
/* верхний отступ hero по брейкпоинтам — одна точка правки для всех страниц */
@media(min-width:768px){ :root{ --hero-pad-top:72px } }
@media(min-width:1280px){ :root{ --hero-pad-top:88px } }

/* без синей подсветки тапа на мобилке — глобально для всех страниц (как делали на bracelets) */
*{-webkit-tap-highlight-color:transparent}