/* tokens.css — токены веб-брендбука valery-sport.ru. Единственный источник цветов, размеров и отступов сайта.
   Утверждён Артёмом 21.10.2026 (Орбита #1208). Правила — docs/brandbook/RULES.md, живые примеры — docs/brandbook/brandbook.html.
   Правка: меняешь здесь → node docs/brandbook/sync-tokens.mjs (вклеит в страницу брендбука).
   Шрифт подключается отдельно: Inter Tight 400 и 600. Курсива и второго шрифта на сайте нет. */
:root{
  /* нейтральные — светлая тема как в макете claude.ai/artifact/Ljenq2nkdA8sPP3cTs251B (Артём 22.10.2026: «стиль один в один
     как в макете для всего сайта» — «Графит» отменён): чистый чёрный текст на сером, карточки без кромки (--edge прозрачный).
     --fg-3 #6b6b6b вместо #8a8a8a (22.10.2026): #8a8a8a на #f2f2f2 давал контраст 3,1:1, мелкому тексту нужно 4,5.
     --fg-4 — только юрлицо и адрес под чертой подвала (Артём 22.10.2026: «копирайты тусклее»), для прочего текста не брать */
  --bg:#f2f2f2; --surface:#ffffff; --surface-2:#e8e8e8; --line:#d9d9d9; --edge:transparent;
  --fg:#000000; --fg-2:#5c5c5c; --fg-3:#6b6b6b; --fg-4:#949494;
  --btn-bg:#000000; --btn-fg:#ffffff;
  /* статусы: текст/точка + подложка */
  --ok:#00875c; --ok-bg:#cceee3; --warn:#a65f00; --warn-bg:#ffedcc; --err:#c40014; --err-bg:#faccd1;
  /* направления: 100 / 80 / 60 / 40 / 20 (гайдбук SUPERSPORT осень 2026; гребля — бирюзовый Северной Авроры, outdoor — красный лыж) */
  --run:#91ff00; --run-80:#a7ff33; --run-60:#bdff66; --run-40:#d3ff99; --run-20:#e9ffcc;
  --swim:#00d0ff; --swim-80:#33d9ff; --swim-60:#66e3ff; --swim-40:#99ecff; --swim-20:#ccf6ff;
  --bike:#fdec00; --bike-80:#fdf033; --bike-60:#fef466; --bike-40:#fef799; --bike-20:#fffbcc;
  --tri:#865cff; --tri-80:#9e7dff; --tri-60:#b69dff; --tri-40:#cfbeff; --tri-20:#e7deff;
  --out:#e80017; --out-80:#ed3345; --out-60:#f16674; --out-40:#f699a2; --out-20:#faccd1;
  --row:#00ced1; --row-80:#33d8da; --row-60:#66e2e3; --row-40:#99ebed; --row-20:#ccf5f6;
  /* метка направления: светлая тема — оттенок 40%, текст на ней всегда чёрный */
  --tag-run:var(--run-40); --tag-swim:var(--swim-40); --tag-bike:var(--bike-40);
  --tag-tri:var(--tri-40); --tag-out:var(--out-40); --tag-row:var(--row-40);
  /* шрифт и шкала: 32 H1 · 24 H2 · 18 подзаголовок · 15 текст · 13 подпись */
  --font:'Inter Tight',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --fs-cap:13px; --fs-body:15px; --fs-sub:18px; --fs-h2:24px; --fs-h1:32px;
  /* отступы — только шаг 4 */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  --r-card:12px; --r-field:10px; --r-pill:999px;
  --h-btn:44px; --h-btn-s:32px;
}
@media (max-width:560px){:root{--fs-h1:26px;--fs-h2:21px}}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#000000; --surface:#141414; --surface-2:#1f1f1f; --line:#2e2e2e; --edge:transparent;
  --fg:#ffffff; --fg-2:#b3b3b3; --fg-3:#777777; --fg-4:#555555;
  --btn-bg:#ffffff; --btn-fg:#000000;
  --ok:#33bc91; --ok-bg:#0d2a20; --warn:#ffb340; --warn-bg:#2e2108; --err:#f16674; --err-bg:#330a0f;
  --tag-run:var(--run); --tag-swim:var(--swim); --tag-bike:var(--bike);
  --tag-tri:var(--tri-80); --tag-out:var(--out-80); --tag-row:var(--row);
  color-scheme:dark }}
:root[data-theme="dark"]{
  --bg:#000000; --surface:#141414; --surface-2:#1f1f1f; --line:#2e2e2e; --edge:transparent;
  --fg:#ffffff; --fg-2:#b3b3b3; --fg-3:#777777; --fg-4:#555555;
  --btn-bg:#ffffff; --btn-fg:#000000;
  --ok:#33bc91; --ok-bg:#0d2a20; --warn:#ffb340; --warn-bg:#2e2108; --err:#f16674; --err-bg:#330a0f;
  --tag-run:var(--run); --tag-swim:var(--swim); --tag-bike:var(--bike);
  --tag-tri:var(--tri-80); --tag-out:var(--out-80); --tag-row:var(--row);
  color-scheme:dark }