/* M-SITE-FRONT-THEME-15: canonical shared semantic tokens */
:root{
  --primary:#BE8A4E; --primary-dark:#9A6A2E; --primary-soft:rgba(190,138,78,.16); --primary-light:var(--primary-soft);
  /* ═══ M-SITE-THEME-FILL-01 (17.07.2026) · ЗАЛИВКА ОТДЕЛЬНО ОТ АКЦЕНТА ═══
     Болезнь: --primary тянул ДВЕ работы разом — цвет акцентного ТЕКСТА (ссылки,
     бордюры) и цвет ЗАЛИВКИ кнопок. В тёмной теме одно значение годилось обоим.
     В светлой им нужно в ПРОТИВОПОЛОЖНЫЕ стороны: текст на белом обязан темнеть
     (потому --primary там #A56E32 — и это правильно), а заливка обязана остаться
     светлой, ведь на ней лежит почти чёрный текст. Кнопка получала тёмную охру
     под тёмными буквами: грязно И нечитаемо.
     Решение — паттерн ИКОНКИ. .brand .mark не красится токеном вообще: это PNG
     со своим запечённым золотом, потому она одинаково хороша на обеих темах.
     Переносим суть: у заливки СВОЙ цвет, не зависящий от темы.
     Эти три НЕ переопределяются в [data-theme=light] — в этом весь смысл. */
  --primary-fill:#BE8A4E;        /* золото иконки. Одно и то же в обеих темах */
  --primary-fill-hover:#D0A063;  /* ховер СВЕТЛЕЕ, не темнее: см. ниже */
  --on-primary:#161a1f;          /* текст/ручка НА заливке. Был захардкожен 15 раз */
  /* Почему ховер светлеет, хотя раньше темнел (--primary-dark).
     На заливке лежит ТЁМНЫЙ текст. Темнеющий ховер убивает контраст ровно в тот
     миг, когда человек смотрит на кнопку и жмёт. Светлеющий — усиливает. Отсюда
     же уходит разнобой: половина ховеров переключала текст на #fff, половина нет
     (.u-login:hover не переключал — и был нечитаем ДАЖЕ В ТЁМНОЙ теме). Теперь
     фон под текстом не темнеет никогда, значит --on-primary годится всегда, и
     подмена цвета текста на ховере не нужна нигде. */
  --danger:#D9614F; --success:#3FA46A; --warning:#D6A245; --info:#4E90C4;
  --yandex:#FC3F1D; --vk:#0077FF;
  --bg-0:#1a1f26; --bg-1:#212832; --bg-card:#28313d; --bg-elev:#313c4a;
  --border:#2f3a47; --border-soft:rgba(255,255,255,.05);
  --text:#E8EAED; --text-2:#A6AEB8; --text-muted:#6E7681;
  --bubble-in:#232c37; --bubble-out:#26362b;
  --radius:14px; --radius-sm:10px;
  --topbar-h:56px; --rail-w:60px;
  --chat-w:380px; --wf-w:230px;
  /* M-SITE-FRONT-FONTSCALE-22N: глобальный множитель шрифта (доступность — слабовидящие).
     Меняется ползунком в шестерёнке. 1.0 = базовый. Влияет на ВСЮ страницу через body em. */
  --fs-scale:1;
  /* FONTSCALE-22O: половинный множитель для выпадашек — растут вдвое медленнее основного текста */
  --fs-scale-half:calc(1 + (var(--fs-scale) - 1) / 2);
  --sink:.24s cubic-bezier(.4,0,.2,1);
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
:root[data-theme="light"]{
  --bg-0:#F4F2EC; --bg-1:#FFFFFF; --bg-card:#FAF8F3; --bg-elev:#EFEBE2;
  --border:#E1DCD1; --border-soft:rgba(0,0,0,.05);
  --text:#24282E; --text-2:#5A6069; --text-muted:#8C8B84;
  --bubble-in:#F0EDE6; --bubble-out:#E6EFE6; --primary-soft:rgba(165,110,50,.14); --primary:#A56E32;
}

/* M-BRAND-MASK-03: марка в хедере на светлой теме — притушить, не убелять.
   Слово CEO 19.07: «высветлить на пополам, не белый» → вариант B (opacity .65).
   Специфичность :root[data-theme] бьёт локальные .brand .mark в shell/workflow/
   pricing независимо от порядка загрузки — один дом на все страницы с tokens. */
:root[data-theme="light"] .brand .mark{opacity:.65}