/* ============================================================
   Relik — дизайн-токены (тёмный минимализм, цвета логотипа)
   ============================================================ */
:root{
  color-scheme: dark;

  /* Поверхности */
  --bg:#0b0e14;
  --bg-glow-1:rgba(78,127,255,.09);
  --bg-glow-2:rgba(159,92,246,.08);
  --surface:#11151c;
  --surface-2:#151a23;
  --surface-3:#1b212d;
  --raise:#20293a;

  /* Линии */
  --line:#20262f;
  --line-2:#2b3442;

  /* Текст */
  --tx:#e8eaf2;
  --tx-2:#9aa3b5;
  --tx-3:#7b8496;

  /* Бренд (с цвета логотипа: синий → индиго → фиолет) */
  --blue:#4e7fff;
  --indigo:#5b6cf9;
  --violet:#9f5cf6;
  --grad:linear-gradient(135deg,var(--blue),var(--indigo) 50%,var(--violet));
  --accent:var(--indigo);
  --accent-soft:rgba(91,108,249,.15);
  --accent-glow:rgba(91,108,249,.4);

  /* Статусы */
  --ok:#3ecf8e;
  --warn:#f5b544;
  --bad:#f96a6a;

  /* Пузыри */
  --mine-bg:#252e4b;
  --mine-line:#37426a;
  --theirs-bg:#191f2b;
  --theirs-line:#2a3342;

  /* Форма и глубина */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:22px; --r-full:999px;
  --sh-1:0 1px 2px rgba(0,0,0,.35);
  --sh-2:0 10px 30px -12px rgba(0,0,0,.55);
  --sh-pop:0 18px 50px -12px rgba(0,0,0,.65), 0 0 0 1px var(--line);

  /* Типографика: целые пиксели — на 100% масштабе Windows текст без мыла.
     Полупиксельные размеры (11.5 / 14.5 / 16.5) давали размытые глифы. */
  --font:"Inter","SF Pro Display",system-ui,"Segoe UI",Roboto,sans-serif;
  --fs-2xs:12px; --fs-xs:13px; --fs-sm:14px; --fs-md:15px;
  --fs-lg:17px; --fs-xl:20px; --fs-2xl:26px; --fs-3xl:34px;
  --lh-tight:1.2; --lh-normal:1.5; --lh-loose:1.65;
  --ls-tight:-.011em; --ls-wide:.02em;

  /* Слои: один список, чтобы тосты и модалки не спорили за z-index */
  --z-base:0; --z-sticky:20; --z-nav:60; --z-overlay:80;
  --z-pop:100; --z-toast:1200; --z-lightbox:1100; --z-pin:9500;

  /* Отступы */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px;
  --s6:24px; --s8:32px; --s10:40px;

  /* Движение */
  --ease:cubic-bezier(.22,.68,.32,1);
  --t-fast:.13s var(--ease);
  --t-med:.22s var(--ease);
  --t-slow:.4s var(--ease);

  /* Раскладка */
  --sidebar-w:300px;
}