/* Общая дизайн-система аналитики и админки ботов (sblite).
   КОНТРАКТ: имена переменных ниже менять нельзя — на них завязаны оба приложения.
   Значения уточняет редизайн. Тема: :root[data-theme=light|dark], по умолчанию — системная.
   Тему до первой отрисовки ставит /assets/shell.js (localStorage «wa-theme»: system|light|dark).
   Без скрипта работает запасной блок @media (prefers-color-scheme) внизу — держать его в синхроне с тёмной темой.
   Новые переменные добавлять можно, удалять и переименовывать — нет. */
:root{
  /* поверхности и текст */
  --bg:#f4f5f7; --surface:#f8f9fa; --card:#fff; --line:#e4e6ea; --line-strong:#d2d6dd;
  --ink:#1b1e24; --muted:#616977; --faint:#939aa6;
  --hover:#f0f2f5; --active:#e8edf7; --overlay:rgba(14,16,20,.42);
  /* акцент и состояния */
  --accent:#f2c94c; --accent-ink:#1b1e24; --blue:#3463d1; --focus:#3463d1;
  --good:#1e7d58; --bad:#bf3f47; --warn:#b07a12; --warn-bg:#fdf6e4; --warn-ink:#7a5a1d;
  /* данные: типы блоков воронки */
  --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:7px; --shadow:0 1px 2px rgba(16,18,22,.05),0 4px 14px rgba(16,18,22,.05);
  --font:"Inter","Segoe UI",system-ui,-apple-system,sans-serif; --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  /* добавлено редизайном 2026-10-11 */
  --blue-soft:#eaf0fc; --good-soft:#e8f4ee; --bad-soft:#fbecec; --on-blue:#fff;
  --primary:#3463d1; --on-primary:#fff; /* заливка главной кнопки: в тёмной теме глубже, чем --blue, — без «подсветки» */
  --shadow-pop:0 2px 6px rgba(16,18,22,.08),0 16px 40px rgba(16,18,22,.12);
  color-scheme:light;
}
:root[data-theme=dark]{
  --bg:#101114; --surface:#181a1e; --card:#14161a; --line:#25282e; --line-strong:#353a43;
  --ink:#e8eaee; --muted:#9ca2ae; --faint:#6d7380;
  --hover:#1c1f24; --active:#212733; --overlay:rgba(0,0,0,.62);
  --accent:#ebc14a; --accent-ink:#14161a; --blue:#87a9ff; --focus:#87a9ff;
  --good:#62c396; --bad:#f08a91; --warn:#e0b45c; --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:#1c2433; --good-soft:#15251e; --bad-soft:#2a1a1c; --on-blue:#101114;
  --primary:#3b62c4; --on-primary:#fff;
  --shadow-pop:0 2px 8px rgba(0,0,0,.4),0 18px 44px rgba(0,0,0,.45);
  color-scheme:dark;
}
/* Запасной вариант без скрипта: системная тёмная тема. Значения — копия блока выше. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme]){
    --bg:#101114; --surface:#181a1e; --card:#14161a; --line:#25282e; --line-strong:#353a43;
    --ink:#e8eaee; --muted:#9ca2ae; --faint:#6d7380;
    --hover:#1c1f24; --active:#212733; --overlay:rgba(0,0,0,.62);
    --accent:#ebc14a; --accent-ink:#14161a; --blue:#87a9ff; --focus:#87a9ff;
    --good:#62c396; --bad:#f08a91; --warn:#e0b45c; --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:#1c2433; --good-soft:#15251e; --bad-soft:#2a1a1c; --on-blue:#101114;
    --primary:#3b62c4; --on-primary:#fff;
    --shadow-pop:0 2px 8px rgba(0,0,0,.4),0 18px 44px rgba(0,0,0,.45);
    color-scheme:dark;
  }
}