/* FORTO · ТОКЕНЫ ИНТЕРФЕЙСА (решение Р-113).
   Единственное место, где объявлены числовые размеры интерфейса: шрифт, отступы,
   скругления, зона клика, ширины раскладки, слои. Остальные файлы ссылаются на
   токены и своих чисел не заводят. Цвета палитры живут в style.css (палитра
   программы), смысловые цвета — в forto-base.css (единый стиль, Р-81).

   Подключается ПЕРВЫМ, до forto-base.css и style.css.

   ТОЧКИ ПЕРЕЛОМА. Режимов три, переломов два. В @media переменные не
   подставляются, поэтому значения записаны здесь словами и повторены в стилях:
     компьютер — выше 1024px
     планшет   — от 641 до 1024px   @media (max-width: 1024px)
     телефон   — до 640px           @media (max-width: 640px)
   Других ширин в @media быть не должно; проверяет regression_ui_standard.py. */

:root {
  /* --- Шрифт: системный стек. Файлов шрифта нет, лицензия не нужна. --- */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, Menlo, Consolas, monospace;

  /* --- Шкала шрифта: шесть ступеней и только шесть --- */
  --fs-xs: 12px;   /* пояснения, подписи, метки */
  --fs-s: 14px;    /* таблицы, кнопки, меню */
  --fs-m: 16px;    /* основной текст, поля ввода */
  --fs-l: 20px;    /* заголовок раздела (h2) */
  --fs-xl: 24px;   /* заголовок страницы (h1) */
  --fs-xxl: 28px;  /* крупные цифры показателей */
  --lh: 1.45;

  /* --- Отступы --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* --- Зона клика: 44 вне таблиц, 36 в строке таблицы --- */
  --tap: 44px;
  --tap-s: 36px;

  /* --- Скругления --- */
  --r-control: 10px;   /* кнопки, поля, метки */
  --r-card: 12px;      /* карточки, таблицы, блоки */

  /* --- Раскладка --- */
  --sidebar-w: 248px;
  --sidebar-w-icons: 64px;
  --content-max: 1760px;
  --form-max: 720px;
  --side-col: 320px;

  /* --- Ширины колонок таблиц --- */
  --col-id: 8ch;
  --col-project: 8ch;
  --col-period: 11ch;
  --col-date: 12ch;
  --col-datetime: 17ch;
  --col-money: 14ch;
  --col-status: 12rem;
  --col-actions: 8rem;

  /* --- Слои. Шапка таблицы стоит НИЖЕ главного меню (Р-61). --- */
  --z-content: 0;
  --z-table-head: 9;
  --z-sticky: 10;
  --z-dropdown: 100;
  --z-modal: 1000;
  --z-toast: 2000;
}