/* Общая дизайн-система аналитики и админки ботов (sblite).
   КОНТРАКТ: имена переменных ниже менять нельзя — на них завязаны оба приложения.
   Значения уточняет редизайн. Тема: :root[data-theme=light|dark], по умолчанию — системная.
   Тему до первой отрисовки ставит /assets/shell.js (localStorage «wa-theme»: system|light|dark).
   Без скрипта работает запасной блок @media (prefers-color-scheme) внизу — держать его в синхроне с тёмной темой.
   Новые переменные добавлять можно, удалять и переименовывать — нет. */
:root{
  /* поверхности и текст */
  --bg:#f4f4f5; --surface:#ededef; --card:#fff; --line:#e2e3e7; --line-strong:#cfd1d7;
  --ink:#17181b; --muted:#5d616a; --faint:#8a8e97;
  --hover:#ececee; --active:#e4e5e9; --overlay:rgba(14,15,18,.36);
  /* акцент и состояния. Hub v2 (2026-10-12): синего нет — выбор, ссылки-акценты и линии данных терракотой бренда;
     главные кнопки — цветом текста. Имя --blue оставлено ради контракта (роль: «акцент/выбор»). */
  --brand:#A75132; /* фирменная терракота VASTUBASE (логотип) */
  --accent:#f2c94c; --accent-ink:#17181b; --blue:#A75132; --focus:#A75132;
  --good:#1b7a53; --bad:#b83a44; --warn:#b07a12; --warn-bg:#fbf3e2; --warn-ink:#7a4f04;
  /* данные: типы блоков воронки */
  --t-start:#1e7d58; --t-global:#b07a12; --t-state:#3463d1; --t-primary:#7a4fd0; --t-error:#bf3f47; --t-comment:#8a909c;
  /* данные: каналы */
  --ch-telegram:#2a8bd0; --ch-vk:#3d68d8; --ch-max:#7a4fd0; --ch-instagram:#c13584;
  /* форма */
  --radius:12px; --radius-sm:8px; --shadow:0 1px 2px rgba(16,18,22,.05),0 4px 14px rgba(16,18,22,.05);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  /* добавлено редизайном 2026-10-11 */
  --blue-soft:#f6ece7; --good-soft:#e7f3ed; --bad-soft:#fbebec; --on-blue:#fff;
  --primary:#17181b; --on-primary:#fff; /* главная кнопка — цветом текста, без цветной заливки */
  --shadow-pop:0 2px 8px rgba(16,18,22,.07),0 18px 44px rgba(16,18,22,.13);
  /* Hub v2: линии графиков (текущий период — терракота, прошлый — серый), сетка, заливка под линией */
  --series:#A75132; --series-prev:#7d828c; --grid:#e9eaed; --area:rgba(167,81,50,.10);
  color-scheme:light;
}
:root[data-theme=dark]{
  --bg:#0e0f11; --surface:#121316; --card:#15161a; --line:#23252a; --line-strong:#32353c;
  --ink:#ebecef; --muted:#9a9ea8; --faint:#6b6f79;
  --hover:#1b1d21; --active:#212329; --overlay:rgba(0,0,0,.58);
  --brand:#C1663D;
  --accent:#ebc14a; --accent-ink:#14161a; --blue:#D06C42; --focus:#D06C42;
  --good:#5bbf8b; --bad:#ee8990; --warn:#e2b45a; --warn-bg:#29231a; --warn-ink:#e6c587;
  --t-start:#62c396; --t-global:#e0b45c; --t-state:#87a9ff; --t-primary:#b79bff; --t-error:#f08a91; --t-comment:#7d8494;
  --ch-telegram:#8dcbf5; --ch-vk:#9dbaff; --ch-max:#b79bff; --ch-instagram:#f59ac8;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.25);
  --blue-soft:#2a1d17; --good-soft:#15251e; --bad-soft:#2a1a1c; --on-blue:#0e0f11;
  --primary:#ebecef; --on-primary:#0e0f11;
  --shadow-pop:0 2px 8px rgba(0,0,0,.45),0 20px 50px rgba(0,0,0,.5);
  --series:#D06C42; --series-prev:#7c818c; --grid:#1f2126; --area:rgba(208,108,66,.11);
  color-scheme:dark;
}
/* Запасной вариант без скрипта: системная тёмная тема. Значения — копия блока выше. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme]){
    --bg:#0e0f11; --surface:#121316; --card:#15161a; --line:#23252a; --line-strong:#32353c;
    --ink:#ebecef; --muted:#9a9ea8; --faint:#6b6f79;
    --hover:#1b1d21; --active:#212329; --overlay:rgba(0,0,0,.58);
    --brand:#C1663D;
    --accent:#ebc14a; --accent-ink:#14161a; --blue:#D06C42; --focus:#D06C42;
    --good:#5bbf8b; --bad:#ee8990; --warn:#e2b45a; --warn-bg:#29231a; --warn-ink:#e6c587;
    --t-start:#62c396; --t-global:#e0b45c; --t-state:#87a9ff; --t-primary:#b79bff; --t-error:#f08a91; --t-comment:#7d8494;
    --ch-telegram:#8dcbf5; --ch-vk:#9dbaff; --ch-max:#b79bff; --ch-instagram:#f59ac8;
    --shadow:0 1px 2px rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.25);
    --blue-soft:#2a1d17; --good-soft:#15251e; --bad-soft:#2a1a1c; --on-blue:#0e0f11;
    --primary:#ebecef; --on-primary:#0e0f11;
    --shadow-pop:0 2px 8px rgba(0,0,0,.45),0 20px 50px rgba(0,0,0,.5);
    --series:#D06C42; --series-prev:#7c818c; --grid:#1f2126; --area:rgba(208,108,66,.11);
    color-scheme:dark;
  }
}