/* Дизайн-токены модуля «Смена». Источник истины — CSS-переменные из
   прототипа smena-admin-wide.html (Claude Chat, 25.08.2026, ТЗ
   TZ-smena-admin-ui.md), согласованы с «Дашбордом управляющих» (fintablo),
   чтобы «Сеть» и «Смена» не разъехались темами через месяц. Имена и
   светлые/тёмные значения менять только вслед за общим решением, не
   по вкусу одного экрана. Акцент — янтарный (тот же, что в системе
   «Штаб»), зелёный/жёлтый/красный — только статусы, не декор. */

:root, [data-theme="light"] {
  --bg: #e9ecf1;
  --panel: #fff;
  --panel-2: #f4f6fa;
  --line: #dce0e8;
  --line-2: #c6cdd8;
  --ink: #20242c;
  --dim: #5b6371;
  --faint: #8a92a0;

  --amber: #a3670e;
  --amber-ink: #fff;
  --amber-soft: #fbf2e0;

  --ok: #156b47;
  --ok-soft: #e3f4ec;
  --warn: #8a5a08;
  --warn-soft: #fbf1de;
  --bad: #ae423f;
  --bad-soft: #fbe8e5;

  --track: #e5e9ef;
}

[data-theme="dark"] {
  --bg: #12151a;
  --panel: #1b1f26;
  --panel-2: #232932;
  --line: #2d3641;
  --line-2: #3b4553;
  --ink: #e7e4db;
  --dim: #a6afb9;
  --faint: #78818b;

  --amber: #d9a441;
  --amber-ink: #2a2314;
  --amber-soft: rgba(217, 164, 65, .14);

  --ok: #57c08a;
  --ok-soft: rgba(87, 192, 138, .15);
  --warn: #d9a441;
  --warn-soft: rgba(217, 164, 65, .14);
  --bad: #e2705f;
  --bad-soft: rgba(226, 112, 95, .16);

  --track: #2b323b;
}

/* Без явного выбора темы — системный. Дублирует [data-theme="dark"], но
   срабатывает раньше JS на первой отрисовке (без мигания светлой темой). */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #12151a;
    --panel: #1b1f26;
    --panel-2: #232932;
    --line: #2d3641;
    --line-2: #3b4553;
    --ink: #e7e4db;
    --dim: #a6afb9;
    --faint: #78818b;

    --amber: #d9a441;
    --amber-ink: #2a2314;
    --amber-soft: rgba(217, 164, 65, .14);

    --ok: #57c08a;
    --ok-soft: rgba(87, 192, 138, .15);
    --warn: #d9a441;
    --warn-soft: rgba(217, 164, 65, .14);
    --bad: #e2705f;
    --bad-soft: rgba(226, 112, 95, .16);

    --track: #2b323b;
  }
}