/* Токены H2O. Один файл на всю систему: цвет, размер строки, шкала шрифта.
   Вынесено из index.html, чтобы правку цвета не приходилось искать среди разметки
   и чтобы браузер держал их в кэше отдельно от экранов. */
:root{
  --ground:#EEF2F3; --surface:#FFFFFF; --sunk:#F5F8F8; --dark:#0D1C20;
  --ink:#0D1C20;
  /* Линия между строками. Прежний #E4EBEC давал 1.21:1 — в мокром зале с бликами
     её физически нет. #6E858C держит 3:1 на ВСЕХ фонах системы, включая крашеные
     строки: 3.92 на белом, 3.45 на --accbg, 3.42 на --okbg, 3.37 на --alertbg. */
  --grid:#6E858C;
  --frame:#4E6469;          /* внешний край блока данных, рамка полей и кнопок */
  --muted:#4E6469;          /* только цвет вторичного ТЕКСТА: было 5.08, стало 6.27:1 */
  --line:#6E858C; --line2:#6E858C;
  --acc:#0E6B7E; --acc2:#0A505E; --accbg:#EAF3F5; --accln:#C9E0E5;
  --warn:#8A5408; --warnbg:#FFF6E6; --warnln:#E8CB96;
  --alert:#8F3126; --alertbg:#FDEBE7; --alertln:#EEB4AB;
  --ok:#215E40; --okbg:#E8F3EC; --okln:#B6D8C4;
  /* на тёмном сайдбаре и тосте те же смыслы читаются только в светлой версии */
  --warn-on-dark:#E3B04B; --ok-on-dark:#57C08A; --alert-on-dark:#F09A8E;
  --hover:#EDF3F4;
  --on-acc:#FFFFFF;
  --row:44px; --row-slot:48px; --head:34px;

  /* Высота экранной клавиатуры планшета. Ставится из JS, по умолчанию ноль.
     На iPad Safari клавиатура НЕ ужимает страницу: окно остаётся 768, а нижние
     ~300 px просто закрыты. Полоса действия с главной кнопкой оказывается
     под клавиатурой — на «Новом клиенте» это значит, что «Дальше» не нажать,
     не закрыв клавиатуру. Поэтому приложение ужимает себя само.            */
  --kb:0px;

  /* ── шкала шрифта: ПЯТЬ размеров на всю систему ──────────────────────────
     Было четырнадцать: 11, 11.5, 12, 12.5, 13, 13.5, 14, 14.5, 15, 15.5, 16,
     17, 18, 19… Глаз не читает такую разницу как иерархию — он читает её как
     случайность и перестаёт опираться на размер вообще. Пять ступеней видны.
       t1 — крупное число (доходимость, сумма, счёт занятий)
       t2 — заголовок экрана и имя человека
       t3 — обычный текст строки
       t4 — второстепенное: телефон, пояснение, состояние
       t5 — надпись-ярлык, всегда капсом                                    */
  --t1:30px; --t2:19px; --t3:15px; --t4:13px; --t5:11px;
}