/* landing_kit/tokens.css · единственное место переменных бренда на странице.
   ⛔ Значения ниже это ПЛЕЙСХОЛДЕР, не стиль по умолчанию: перед сборкой снять токены с живого
   сайта бренда (getComputedStyle + cssRules по :root, Claude_Landings_KB ШАГ 4.5) и заменить.
   Кейс 09.09.2026: HeyFans получил свои токены с fanstage.co за один вызов, палитра «на глаз»
   разошлась бы с продуктом. Остальной CSS ссылается только на имена переменных. */
:root{
  /* фон и свечение */
  --bg:#0c0d12; --bg-grad:#233a5c;
  /* стекло */
  --s1:#ffffff0d; --s2:#ffffff1a; --s-press:#ffffff29; --s-border:#ffffff14;
  /* акценты: один тёплый под целевое действие, один под «другое действие» */
  --cta-top:#ffd166; --cta-bot:#f4a261; --cta-ink:#1b1400;
  --alt:#3a86ff; --alt-ink:#fff;
  /* состояние */
  --ok:#34c759; --warn:#f79e1b;
  /* текст */
  --ink:#fff; --muted:rgba(255,255,255,.72); --faint:rgba(255,255,255,.5);
  /* шрифт: бренд первым, системный фолбек обязателен (текст читается до загрузки шрифта) */
  --font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  /* радиусы: три значения, не больше */
  --r-ui:12px; --r-media:26px; --r-pill:1000px;
  /* движение: один изинг на всю страницу */
  --ease:cubic-bezier(.22,1,.36,1); --fast:.15s; --base:.3s; --press:.97;
  /* типографика: до пяти размеров */
  --h1:2rem; --h2:1.75rem; --body:.875rem; --xs:.75rem;
  /* поверхности браузера: выделение текста, кольцо фокуса (скроллбар берёт --s2) */
  --sel-bg:#ffd166; --sel-ink:#1b1400; --focus:#ffd166;
  /* габариты */
  --cta-h:70px; --tap:56px;
}