/* robokod_ui/tokens.css — единая дизайн-система семейства Робокод.
   Источник истины: дизайн-ТЗ «05 Светлая тема · единая система» (значения дословно).
   Светлая тема — основная (:root); тёмная — те же переменные через [data-theme="dark"]
   (атрибут ставит rk.js / тумблер оболочки). Канон: RobokodAssist/robokod_ui/. */

:root {
  /* поверхности — значения Robokod Coach */
  --bg: #f4f6f8;        --panel: #ffffff;      --panel-2: #f7f9fb;
  --border: #e3e6ea;    --border-strong: #d2d7dd;
  --text: #1f2933;      --text-2: #4b5563;     --muted: #6b7280;   --muted-2: #9aa3ad;

  /* действие */
  --accent: #2563eb;    --accent-h: #1d4ed8;   --accent-bg: #eef2ff;

  /* итоги и состояния */
  --green: #16a34a;     --green-h: #128a3e;    --green-bg: #ecfdf3;
  --amber: #d97706;     --amber-bg: #fffbeb;
  --red:   #dc2626;     --red-h: #b91c1c;      --red-bg: #fef2f2;

  /* интерес семьи — только «Набор» */
  --scale-on: #9a7b4f;  --scale-off: #dde1e6;

  /* сетка, скругления, тень, движение */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px;
  --radius-sm: 8px;     --radius: 10px;        --radius-pill: 999px;
  --shadow: 0 1px 3px rgba(16,24,40,.08);
  --shadow-lg: 0 8px 28px rgba(16,24,40,.18);
  --focus: 0 0 0 3px rgba(37,99,235,.25);
  --dur: 160ms;         --ease: cubic-bezier(.4,0,.2,1);

  /* текст */
  --fs-display: 32px; --fs-h1: 24px; --fs-h2: 19px; --fs-say: 22px;
  --fs-body: 15px;    --fs-sm: 13px; --fs-micro: 11.5px;

  /* шрифты: системный + моно для чисел/телефонов/идентификаторов */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* знак Робокод (шапка 52px) */
  --mark: #c44535;
  --topbar-h: 52px;
}

[data-theme="dark"] {
  --bg: #12151b;        --panel: #1a1e27;      --panel-2: #232833;
  --border: #333a48;    --border-strong: #46505f;
  --text: #eceae4;      --text-2: #b3bac6;     --muted: #9aa4b2;   --muted-2: #8791a0;
  --accent: #4aa3a3;    --accent-h: #5cb8b8;   --accent-bg: rgba(74,163,163,.14);
  --green: #63b06a;     --green-h: #74c17b;    --green-bg: rgba(99,176,106,.13);
  --amber: #d9a94a;     --amber-bg: rgba(217,169,74,.13);
  --red:   #e0574a;     --red-h: #ef6a5c;      --red-bg: rgba(224,87,74,.13);
  --scale-on: #c4b294;  --scale-off: #3c424e;
  --shadow: 0 1px 2px rgba(0,0,0,.35);
  --shadow-lg: 0 8px 28px rgba(0,0,0,.5);
  --focus: 0 0 0 3px rgba(74,163,163,.45);
}

/* Продукт внутри оболочки-зонтика (rk.js ставит data-embedded="1"):
   собственная шапка продукта прячется — верхняя панель одна, у зонтика. */
[data-embedded="1"] .rk-own-topbar { display: none !important; }

/* ── Знак Робокод ──
   Один логотип на всё семейство. url() относительный: браузер резолвит его
   от адреса ЭТОГО файла, поэтому одна строка работает во всех продуктах
   (/app/vendor/ui/, /qc/ui/, /call/vendor/ui/). Классы .brand-mark и .mark
   уже стоят в разметке всех трёх продуктов и оболочки — правка одна тут. */
.rk-mark, .brand-mark, .mark {
  /* размер без !important — продукт может задать свой (все сейчас используют 22px) */
  width: 22px; height: 22px;
  /* middle, а не сдвиг в пикселях: знак стоит по центру строки при любом кегле
     (в заголовке логина 22px фиксированный сдвиг ронял его под базовую линию) */
  display: inline-block; flex: none; vertical-align: middle;
  background: url("logo.png") center / cover no-repeat !important;
  border-radius: 6px;
  /* прячем букву, которая осталась в разметке под знаком */
  font-size: 0 !important;
  color: transparent !important;
  text-indent: -9999px;
  overflow: hidden;
}