/* Тот же файл, что и css/lab/tokens.css и css/admin/tokens.css —
   единая палитра платформы (website+Lab+Admin). Физически продублирован
   по той же причине — три разных nginx-контейнера (ket-website-1,
   ket-lab-1, ket-admin-1), общего static-mount нет. Лишние переменные
   (--bg2, --green, --sidebar-w и т.д.) на этой странице не используются,
   но не мешают — держать один и тот же файл проще, чем urезанную копию. */
/* ══════════════════════════════════════════════════════════════
   LAB / ADMIN — общие design tokens
   Причина рефакторинга: --muted был rgba(200,190,230,0.5) — контраст
   к --bg ≈ 3.5:1, ниже порога WCAG AA (4.5:1) для обычного текста.
   Плейсхолдеры/хинты были ещё бледнее (0.25–0.3 альфа, ≈1.8:1) —
   фактически нечитаемы. Ниже — тот же набор имён переменных (чтобы
   не трогать остальные ~600 строк точечных правил), но с решёнными
   контрастами. --muted оставлен алиасом на --text-secondary для
   обратной совместимости существующих селекторов.
   ══════════════════════════════════════════════════════════════ */
:root {
  /* Акценты бренда */
  --purple: #8B6FC9;        /* было #7B5EA7 — на тёмном фоне читается яснее */
  --purple-dim: #6B4F9E;    /* тёмный вариант для градиентов/бордеров */
  --cyan: #5FCBFF;          /* было #4FC3F7 */
  --green: #7EFFC9;
  --danger: #FF6B6B;
  --danger-dim: rgba(255, 107, 107, 0.8);

  /* Поверхности (глубина через ступени, не через прозрачность текста) */
  --bg: #0D0B1A;
  --bg2: #18142C;           /* было #161228 — чуть светлее, панели отделяются от фона */
  --bg3: #221C3E;           /* НОВОЕ — приподнятая поверхность: hover-строки, инпуты, попапы */

  /* Текст — сплошные цвета вместо полупрозрачных, контраст проверен к --bg */
  --text: #F2EFFA;              /* было #E8E4F0 — основной текст */
  --text-secondary: #C7C0E0;    /* НОВОЕ — вторичный текст, ~10:1 к --bg. Заменяет старые случаи var(--muted) */
  --text-tertiary: #948BB8;     /* НОВОЕ — хинты/плейсхолдеры/дизейбл, ~4.6:1 к --bg — минимально допустимо для мелкого текста, не ниже */
  --muted: var(--text-secondary); /* back-compat алиас: чинит контраст во всех местах, где уже используется var(--muted) */

  --border: rgba(139, 111, 201, 0.28);      /* было rgba(123,94,167,0.2) — панели/инпуты лучше отделяются друг от друга */
  --border-strong: rgba(139, 111, 201, 0.5);

  --sidebar-w: 220px;
  --sidebar-collapsed: 56px;
}