/* Из UI-кита 2.0 (Тимур, 25.09.2026). Переменные, чьи имена уже заняты в tokens.css
   (--r-card, --r-field, --r-pill, --h-field, --sh-card, --sh-pop, --ease), здесь с
   префиксом --t-: иначе кит поменял бы скругления и тени на всех экранах разом. */
/* tahoe-tokens.css — токены МТК Платформы 2.0 (UI-кит «Основа»).
   Одни роли на обе темы, значения — в двух блоках. Подключать ПЕРВЫМ. */
:root {
  /* поверхности */
  --t-page: linear-gradient(180deg, #f4f5f8 0%, #e8eaf0 58%, #dfe2ea 100%);
  --t-surface: #ffffff;     /* панель, карточка */
  --t-nested: #f2f2f7;      /* вложенный блок, трек сегмента */
  --t-row: #f7f7fa;         /* строка внутри блока */
  --t-hover: #e6e7ee;
  --t-line: rgba(60,66,78,.14);
  --t-line-2: rgba(60,66,78,.24);
  --t-scrim: rgba(20,22,28,.38);
  /* текст */
  --t-ink: #1c1c1e; --t-ink-2: #3a3a3c; --t-ink-3: #6b7078; --t-ink-4: #8a8f98;
  /* акцент и состояния */
  --t-blue: #0a5fd0; --t-blue-ink: #0a4fa8; --t-blue-soft: #f1f6fe; --t-blue-tint: #e2edfb;
  --t-blue-grad: linear-gradient(180deg, #3a94ff, #0a5fd0);
  --t-ok: #14964f;  --t-ok-ink: #1b7a45;  --t-ok-soft: rgba(20,150,79,.12);
  --t-warn: #e8890c; --t-warn-ink: #8a4b00; --t-warn-soft: rgba(232,137,12,.16);
  --t-bad: #e0313f; --t-bad-ink: #b3202e; --t-bad-soft: rgba(224,49,63,.12);
  --t-comp: #7b2d8b; --t-comp-ink: #6b2380; --t-comp-soft: rgba(123,45,139,.1);
  /* операции грузовых — кольцо у номера точки и метка */
  --op-ust: #14964f; --op-snyat: #d22b39; --op-zam: #c9750f; --op-prod: #a878f0; --op-krust: #0a5fd0; --op-krsnyat: #5b6d86;
  /* машины — один цвет везде (как в ko.js) */
  --ko-1: #e63946; --ko-2: #2a9d8f; --ko-3: #4361ee; --ko-4: #f77f00; --ko-5: #7b2d8b;
  --ko-6: #06d6a0; --ko-7: #c77dff; --ko-8: #0096c7; --ko-9: #e76f51;
  --g-1: #3a7bd5; --g-2: #2a9d8f; --g-3: #8e5cd9;
  /* формы */
  --r-panel: 30px; --t-r-card: 23px; --r-row: 20px; --t-r-field: 15px; --r-day: 13px; --t-r-pill: 9px;
  --h-btn-s: 32px; --h-btn: 40px; --h-btn-l: 52px; --t-h-field: 46px;
  --sh-panel: 0 1px 2px rgba(22,26,36,.06), 0 14px 32px -22px rgba(22,26,36,.5);
  --t-sh-card: 0 1px 2px rgba(22,26,36,.05);
  --t-sh-pop: 0 24px 60px -24px rgba(22,26,36,.55), 0 1px 2px rgba(22,26,36,.06);
  --sh-pri: inset 0 1px 0 rgba(255,255,255,.4), 0 8px 20px -6px rgba(10,95,208,.85);
  --focus: 0 0 0 4px rgba(10,95,208,.14);
  /* шрифт */
  --t-font: -apple-system, 'SF Pro Text', 'Inter', system-ui, sans-serif;
  --fs-display: 30px; --fs-h1: 27px; --fs-h2: 21px; --fs-h3: 18px; --fs-card: 16px; --fs-body: 14px; --fs-sub: 13px; --fs-caps: 11px; --fs-num: 28px;
  --t-ease: cubic-bezier(.32,.72,0,1);
}
/* тёмная: тёплый графит, не чёрный */
html[data-theme="dark"] {
  --t-page: linear-gradient(180deg, #1c1e22 0%, #141619 58%, #101215 100%);
  --t-surface: #1f2126; --t-nested: #26282e; --t-row: #23252a; --t-hover: #2f3138;
  --t-line: rgba(255,255,255,.1); --t-line-2: rgba(255,255,255,.18); --t-scrim: rgba(0,0,0,.52);
  --t-ink: #f2f3f5; --t-ink-2: #d3d7dd; --t-ink-3: #9aa0a8; --t-ink-4: #7b818a;
  --t-blue: #4da3ff; --t-blue-ink: #8cc2ff; --t-blue-soft: rgba(77,163,255,.12); --t-blue-tint: rgba(77,163,255,.14);
  --t-blue-grad: linear-gradient(180deg, #4aa5ff, #1f6fe0);
  --t-ok-ink: #6fdc9a; --t-warn-ink: #ffc070; --t-bad-ink: #ff8a94; --t-comp-ink: #d9adff;
  --sh-panel: 0 1px 2px rgba(0,0,0,.3), 0 14px 32px -22px rgba(0,0,0,.8);
}

/* тёмная по системе: data-theme не выставлен (как в tokens.css платформы) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --t-page: linear-gradient(180deg, #1c1e22 0%, #141619 58%, #101215 100%);
    --t-surface: #1f2126; --t-nested: #26282e; --t-row: #23252a; --t-hover: #2f3138;
    --t-line: rgba(255,255,255,.1); --t-line-2: rgba(255,255,255,.18); --t-scrim: rgba(0,0,0,.52);
    --t-ink: #f2f3f5; --t-ink-2: #d3d7dd; --t-ink-3: #9aa0a8; --t-ink-4: #7b818a;
    --t-blue: #4da3ff; --t-blue-ink: #8cc2ff; --t-blue-soft: rgba(77,163,255,.12); --t-blue-tint: rgba(77,163,255,.14);
    --t-blue-grad: linear-gradient(180deg, #4aa5ff, #1f6fe0);
    --t-ok-ink: #6fdc9a; --t-warn-ink: #ffc070; --t-bad-ink: #ff8a94; --t-comp-ink: #d9adff;
    --sh-panel: 0 1px 2px rgba(0,0,0,.3), 0 14px 32px -22px rgba(0,0,0,.8);
  }
}