/* Токены сайта клуба — тёмная тема из макетов «Клуб - *».

   ПОЧЕМУ ОТДЕЛЬНО ОТ styles/tokens.css. Каталог светлый: бумага, тонкие линии,
   один акцент. Сайт клуба тёмный и красится в цвет зала. Имена переменных при
   этом местами совпадают при РАЗНЫХ значениях (--bg, --line, --acc), поэтому
   подключить оба файла нельзя — второй молча переопределит первый. Тот же
   выбор в своё время сделал сам каталог, не взяв токены арены.

   На клубном имени эти стили подключает СЕРВЕР (server/site/index.js), а
   каталожные не подключает вовсе. Одна страница, две непересекающиеся выдачи.

   ЗНАЧЕНИЯ ЗДЕСЬ — УМОЛЧАНИЕ, А НЕ ПРАВДА. Настоящий комплект клуба вписан
   инлайном в голову документа (`<style id="aa-theme">`) и перекрывает этот
   блок. Здесь стоит «Вино» — тот же комплект, что в `:root` каждого макета:
   так файл открывается сам по себе и выглядит как исходник.

   Источник чисел — #shared/domain/club-theme.js, и он же источник для сервера
   и для консоли клуба. Правка цвета делается ТАМ, здесь только копия
   умолчания. */

:root {
  /* ── комплект клуба: двенадцать переменных ──────────────────────────────
     Их и только их переписывает тема. Всё остальное в этом файле — общее. */
  --acc: #E8536B;
  --accInk: #1B0207;             /* чернила ПО акценту: текст на кнопке */
  --accLine: #E8536B66;          /* акцент с альфой 40% — кромки и пунктиры */
  --accSoft: rgba(232, 83, 107, .35);
  --bg: #140A0E;
  --bg2: #220D15;
  --glow: #5A1020;               /* свечение под шапкой */
  --tile: #1E0E14;
  --tileHi: #2A141C;             /* карточка — градиент от --tile к нему */
  --ghost: rgba(232, 83, 107, .14);
  --stripe: rgba(232, 83, 107, .12);
  --line: rgba(255, 255, 255, .09);
  --navBg: rgba(22, 11, 16, .88); /* плашка навигации, под ней блюр 20px */
  /* Контрастный к акценту цвет чисел. Нужен доске рейтинга: акцентом там
     помечена СВОЯ строка, и счёт тем же цветом спорил бы с пометкой. */
  --info: #7FB6E8;

  /* ── цвета состояний: темой НЕ красятся ─────────────────────────────────
     У дизайнера они одинаковы во всех пяти комплектах, и это не небрежность:
     золото значит «рейтинг», зелёный — «в сети». Покрась их в цвет клуба, и
     оба перестанут значить что-либо, кроме «тут акцент». */
  --gold: #F0C04A;
  --ok: #63D69F;
  /* Металлы подиума. Темой не красятся: первое место золотое в любом клубе —
     это не бренд, а то, что все и так знают. */
  --silver: #CFD4DE;
  --bronze: #D08A4E;

  /* Акцент в тени — кромка полной фишки, обод активной плашки. Считается из
     самого акцента, а не хранится шестым числом на комплект: вторая запись
     того же цвета разъедется с первой на первой же правке палитры.
     У дизайнера для «Вина» здесь #B23049; смесь даёт #A73C4D — на кромке
     в 2px разницы не видно, а темой она красится сама. */
  --accDeep: color-mix(in srgb, var(--acc) 72%, #000);

  /* ── чернила ────────────────────────────────────────────────────────────
     Заголовки чисто белые, текст — на полтона мягче. Остальные степени
     прозрачности (.68 … .24) стоят в макетах числами по месту, и сводить их
     в шкалу мы не стали: у дизайнера это не шкала, а подбор под каждый блок. */
  --ink: #fff;
  --text: #EDEDF0;

  /* ── шрифты ─────────────────────────────────────────────────────────────
     Те же три, что в макете. JetBrains Mono несёт ВСЕ цифры и капс-подписи:
     счёт до старта, суммы, места в таблице. Rajdhani каталога здесь не нужен. */
  --f-head: 'Unbounded', 'Manrope', sans-serif;
  --f-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Кривая, на которой держится весь макет: нажатия, появление блоков,
     шторки. Одна на всё — разнобой кривых читается как разные приложения. */
  --ease: cubic-bezier(.22, .9, .28, 1);

  /* ── раскладка ──────────────────────────────────────────────────────────
     Таблетка навигации: 74px рост + 12px отступ от краёв — числа из финального
     макета навбара («Клуб - Навбар финал»), он новее экранных. Содержимое
     экранов заканчивается отступом `--nav-gap`, иначе последняя карточка
     уезжает под плашку. */
  --nav-h: 74px;
  --nav-inset: 12px;
  --nav-gap: 132px;

  /* Отступ от верхней кромки до первой строки экрана — ОДНО число на весь
     сайт. До него их было три: 22px у шапки, 26px у неё же на широком экране
     и 58px у «Броней», где в макет уехала высота нарисованной строки
     состояния телефона. Разницу в 4px не видно, а 58 читались пустой полосой
     над заголовком — при том что соседние экраны начинаются сразу.

     Число живёт токеном, а не повтором в каждом файле: шапок на сайте три
     (общая `.fd-header`, своя `.csHead`, собственная у «Броней»), и следующий
     экран со своей шапкой возьмёт готовое, а не принесёт четвёртое значение.

     Добавка на «чёлку» (`env(safe-area-inset-top)`) в токен НЕ входит: она
     нужна не всем — фиксированная шапка отступает под вырез сама, а
     содержимое под ней этого уже не повторяет. */
  --cs-top: 25px;
}