/* Шрифт Geologica лежит у нас: файл взят из скилла pim-design, вариативный (вес 100-900). */
@font-face {
  font-family: "Geologica";
  src: url("../fonts/Geologica-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Раскладка: боковое меню 240px + рабочая область; в «Заявках» три колонки — очередь / переписка / панель ИИ.
   Стиль ЛК MetaShip: светлая тема, белые карточки на сером, синий акцент, Geologica. Плашка тестового режима — фирменный кремовый PIM. */
:root {
  --bg: #F3F4F7;
  --surface: #FFFFFF;
  --surface-2: #F7F8FA;
  --line: #E5E7EC;
  --line-2: #D6D9E0;
  --ink: #14151A;
  --ink-2: #5E636E;
  --ink-3: #8C919B;
  --accent: #1A7EF5;
  --accent-hover: #0F6AD9;
  --accent-soft: #E8F2FE;
  --accent-ink: #0B5BC0;
  --ok: #157A45;
  --ok-soft: #E2F4E9;
  --warn: #A85600;
  --warn-soft: #FFF0DB;
  --bad: #C42E2E;
  --bad-soft: #FDECEC;
  --info: #3651C9;
  --info-soft: #ECEFFD;
  --brand: #FFB70F;
  --cream: #FFF6DE;
  --cream-line: #F6DE9C;
  --font: "Geologica", "Segoe UI", system-ui, -apple-system, sans-serif;
  --radius: 12px;
  --radius-sm: 10px;
  color-scheme: light;
}

/* Тёмная тема (задача 89): те же токены, другие значения. Включается у сотрудника в «Настройки → Вид». */
[data-theme="dark"] {
  --bg: #0F1115;
  --surface: #171A21;
  --surface-2: #1E222B;
  --line: #2A2F3A;
  --line-2: #3A404D;
  --ink: #E8EAEE;
  --ink-2: #AEB4BF;
  --ink-3: #808796;
  --accent: #3D8EF7;
  --accent-hover: #5A9FF8;
  --accent-soft: #172A44;
  --accent-ink: #8BBCFB;
  --ok: #5BCB94;
  --ok-soft: #14301F;
  --warn: #F2AE57;
  --warn-soft: #33250F;
  --bad: #F27979;
  --bad-soft: #3A1B1C;
  --info: #9AABF5;
  --info-soft: #1D2340;
  --cream: #2A2414;
  --cream-line: #4D3F1A;
  color-scheme: dark;
}
/* Уведомление внизу: в светлой теме тёмное на светлом, в тёмной — наоборот выделяем рамкой. */
[data-theme="dark"] .toast { background: #2A2F3A; color: var(--ink); border: 1px solid var(--line-2); }
[data-theme="dark"] .seg button.on { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); }