/* ============================================================
   КАДР — токены оформления.

   Единственное место, где живут цвета, скругления и отступы.
   Подключается ПЕРВЫМ, до style.css и ui.css.

   ── Откуда взялся файл ────────────────────────────────────
   Одиннадцать переменных ниже уже существовали — но были
   скопированы в <style> каждой из семи страниц. Расхождений,
   что удивительно, не было ни в одном значении: копии держали
   вручную и держали аккуратно. Держать их так дальше не стоит —
   первая же правка цвета в семи местах разойдётся.

   Значения перенесены БЕЗ ИЗМЕНЕНИЙ. Рендеринг после этой
   правки обязан быть побайтово прежним.

   ── Как пользоваться ──────────────────────────────────────
   Новый цвет или скругление в разметке — сначала посмотрите,
   нет ли подходящего здесь. Если нет — добавьте сюда, а не
   в страницу.
   ============================================================ */

:root{
  /* ---------- цвет ---------- */
  --bg:         #0b0e13;                                   /* фон страницы */
  --surface:    #141925;                                   /* карточка, панель */
  --surface-2:  #1b2231;                                   /* панель поверх панели */
  --text:       #eef1f6;                                   /* основной текст */
  --muted:      #8a93a6;                                   /* подписи, второстепенное */
  --gold:       #ffb547;                                   /* акцент: активное, важное */
  --coral:      #ff5c4d;                                   /* акцент: тревожное, удаление */
  --line:       rgba(255,255,255,.08);                     /* разделители и рамки */
  --grad:       linear-gradient(120deg,#ffb547,#ff5c4d);   /* фирменная заливка */

  /* ---------- размеры ---------- */
  --radius:     18px;   /* базовое скругление карточек */
  --pad-x:      40px;   /* боковое поле страницы на десктопе.
                           На узких экранах уменьшается медиа-запросами:
                           1180→30, 1024→26, 760→14 (ui.css), 420→12 (ui.css). */
  --hdr-h:      72px;   /* высота закреплённой шапки — от неё считаются отступы */

  /* ---------- шкала скруглений ----------
     Собрана из того, что уже используется в проекте: это четыре
     самых частых значения, на них приходится 159 из 341 хардкода.

     Остальные двадцать значений (7, 11, 13, 22, 26px и прочие)
     НЕ трогал: свести 11px к 12px — это видимое изменение, а
     проверить его в браузере я не могу. Список выбивающихся
     значений — в отчёте по этапу, решать по ним вам. */
  --r-xs:        8px;   /* мелкие элементы: чипы, теги, скроллбар */
  --r-sm:       12px;   /* кнопки, поля ввода */
  --r-md:       14px;   /* небольшие карточки */
  --r-lg:       20px;   /* крупные карточки, модальные окна */
  --r-pill:    999px;   /* полностью скруглённое */
}