/* Токены Гиперплан — палитра v2 (перенесена из макета agreements_v9).
   Палитра: снег (холст), графит (текст), верёвка (единственный акцент — выбор, бренд, кольцо фокуса),
   ледник (информационное), янтарь (внимание), красный (блокирует).
   Что изменилось против v1:
   · добавлена --nav — навигационная зона (рельса и панель) одной поверхностью;
   · --ink-3 затемнён до 4,8:1 на этой поверхности, --line-control введён для рамок контролов (3:1);
   · мягкий разделитель заменён на --divider: в тёмной теме он совпадал с карточкой (1,01:1),
     границ строк не было видно; --line в тёмной теме поднят с 1,15 до 1,54. Порог линий — 1,4
     (tests/Unit/DesignTokensTest.php, scripts/tokens-contrast.py);
   · радиусы сведены к трём: 8 карточки, 6 кнопки и поля, 999 чипы;
   · тень снята с базового слоя, настоящая осталась только у поповеров и шторок (--pop-shadow);
   · верёвка отвечает только за выбор и бренд: «внимание» — янтарь, «блокирует» — --warn,
     уведённый от верёвки в красный, чтобы они не сливались на экране.
   Тема: светлая по умолчанию, тёмная по data-theme="dark" либо по системной настройке.

   Ширина экрана (ТЗ «Мобильная версия», МН-1) — три ступени, других точек перелома в стилях нет:
   телефон — до 599 px  @media (max-width:599px);
   планшет — 600–1023   @media (max-width:1023px) — всё, что уже компьютера, включая телефон;
   компьютер — от 1024  @media (min-width:1024px).
   Переменные в @media не работают, поэтому числа записаны буквально; другие проверяет
   tests/Unit/CssConsistencyTest.php. Компоненту, которому важна своя ширина, а не ширина окна
   (две колонки карточки, конструктор, статья справки), — запрос к контейнеру `main` (.sf-main):
   @container main (max-width:960px). До 30.09.2026 точек было двадцать (520…1180). */
/* Шрифты — свои, правила в assets/fonts.css (В-08). Здесь их нет намеренно:
   правило подключения чужого файла из середины склеенного браузер
   отбрасывает молча. */

:root{
  --ground:#EFF1F4; --surface:#FAFBFC; --sunk:#E3E7EC; --raised:#FFFFFF;
  --nav:#E6EAEF;
  --line:#D5DAE0; --divider:#CBD2DA; --line-control:#7C8695;
  --ink:#181D24; --ink-2:#4C5560; --ink-3:#5D6672;
  --rope:#B8451A; --rope-soft:#F7E3D7; --rope-line:#E8C3AE; --rope-on-soft:#9C3D14; --rope-contrast:#FFFFFF;
  --glacier:#3E6E8E; --glacier-soft:#E1EAF0;
  --amber:#8A5A12; --amber-soft:#F5EAD6;
  --warn:#B3261E; --warn-soft:#FAE3E1; --warn-contrast:#FFFFFF;
  --ok:#2F6B4F; --ok-soft:#DFEDE5;
  --shadow:none;
  --pop-shadow:0 8px 24px -8px rgba(20,25,34,.18);
  /* цель нажатия на сенсорном экране (МН-2): 44 pt у Apple, 48 dp у Material; главная кнопка — 48 */
  --tap:44px; --tap-main:48px;
  --font:"Onest","Helvetica Neue",Arial,sans-serif;
  --font-display:"Onest","Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
  --r:8px; --r-sm:6px; --r-chip:999px;
  /* И-11.2 аудита: мельче этого в интерфейсе текста нет — без исключений.
     Подписи рельсы держались на 11 px до 18.09.2026: третий проход аудита счёл
     это невыполнением требования, и колонка расширена вместо уменьшения текста. */
  --fs-min:12px; --fs-rail:12px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ground:#1A2028; --surface:#20272F; --sunk:#1F262E; --raised:#232A33;
    --nav:#12171E;
    --line:#3D4754; --divider:#39434F; --line-control:#6C7784;
    --ink:#E9ECEF; --ink-2:#AEB7C1; --ink-3:#8E98A4;
    --rope:#EE7A3A; --rope-soft:#3A2419; --rope-line:#4A2E20; --rope-on-soft:#F0A276; --rope-contrast:#12171E;
    --glacier:#7FADCA; --glacier-soft:#1B2933;
    --amber:#D9A25C; --amber-soft:#2E2618;
    --warn:#F0857C; --warn-soft:#3A1F1D; --warn-contrast:#12171E;
    --ok:#7FC9A3; --ok-soft:#1B2E25;
    --shadow:none;
    --pop-shadow:0 8px 24px -8px rgba(0,0,0,.5);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --ground:#1A2028; --surface:#20272F; --sunk:#1F262E; --raised:#232A33;
  --nav:#12171E;
  --line:#3D4754; --divider:#39434F; --line-control:#6C7784;
  --ink:#E9ECEF; --ink-2:#AEB7C1; --ink-3:#8E98A4;
  --rope:#EE7A3A; --rope-soft:#3A2419; --rope-line:#4A2E20; --rope-on-soft:#F0A276; --rope-contrast:#12171E;
  --glacier:#7FADCA; --glacier-soft:#1B2933;
  --amber:#D9A25C; --amber-soft:#2E2618;
  --warn:#F0857C; --warn-soft:#3A1F1D; --warn-contrast:#12171E;
  --ok:#7FC9A3; --ok-soft:#1B2E25;
  --shadow:none;
  --pop-shadow:0 8px 24px -8px rgba(0,0,0,.5);
  color-scheme:dark;
}

/* общие примитивы */
.mono{font-family:var(--mono);}
.label{font-family:var(--mono);font-size:var(--fs-min);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);}
.wordmark{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:-.012em;color:var(--ink);}
.wordmark .erp{color:var(--rope);font-weight:800;}