/* Токены сайта «Склад и поставки», спека 028 (contracts/design-tokens.md). Значения те же, что в mockup/tokens.css;
   тест tests/test_design_files.py сверяет их. Цвета и размеры правятся только здесь.
   Градиентов нет, второго акцента нет, третьего шрифта нет. */

:root {
  /* Цвета: светлая палитра, янтарь только на главном действии */
  --bg: #F7F1E7;
  --surface: #FFFDF9;
  --surface-2: #EFE6D8;
  --ink: #0C0F14;
  --ink-dim: #4B5462;
  --ink-faint: #646D7A;
  --amber: #FF8A3D;
  --amber-ink: #B4531A;
  --green-ink: #1E7A44;
  --danger-ink: #B42318;
  --line: #837D70;          /* мягкая рамка полей, кнопок и плиток: 3.66:1 к фону, 4.03:1 к белому */
  --ok-bg: #EAF5EE;         /* светлые заливки состояний: текст --green-ink / --danger-ink на них от 4.5:1 */
  --err-bg: #FCECEA;
  --shadow: 0 8px 24px rgba(60, 40, 20, .08);
  --shadow-soft: 0 2px 8px rgba(60, 40, 20, .08);

  /* Шрифты: заголовочный (Bahnschrift) и текстовый без засечек (Segoe UI), моно; цифры обычные */
  --display: "Bahnschrift", "Avenir Next Condensed", "Franklin Gothic Medium", "Segoe UI Semibold", "Helvetica Neue", sans-serif;
  --body: "Segoe UI", "Helvetica Neue", "Arial", sans-serif;
  --mono: "Consolas", "Cascadia Mono", "SF Mono", "Menlo", monospace;

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

  /* Скругления: круглые - только точки, кружки шагов и счётчики */
  --radius: 14px;
  --radius-card: 16px;
  --radius-check: 8px;

  /* Масштаб склада (body.role-warehouse): рабочий для экрана 1920x1080 (ответ 11, 20.10.2026).
     Нижняя граница - 27px текст (держит токен) и 72px кнопки, подписи от 22px (audit.js) */
  --wh-caption: 24px;
  --wh-text: 30px;
  --wh-line: 1.35;
  --wh-title: 40px;
  --wh-status: 44px;
  --wh-button-h: 80px;
  --wh-gap: 24px;
  --wh-page: 1400px;
  --wh-side: 40px;
  --wh-tile-h: 160px;
  --wh-tile-ico: 64px;
  --wh-tile-verb: 34px;

  /* Масштаб Марины (body.role-full) */
  --m-caption: 15px;
  --m-text: 17px;
  --m-line: 1.5;
  --m-title: 26px;
  --m-target: 44px;
  --m-gap: 12px;
  --m-menu: 272px;
  --m-page: 1320px;
}