/* Токены интерфейса «Заслон».
 *
 * Источник цветов — бренд-кит «Системы Порядка» (/static/brand/tokens.css),
 * он подключается раньше этого файла и приносит переменные --sp-*, включая
 * тёмную тему. Здесь только псевдонимы: старые имена, на которые уже
 * ссылаются app.css и шаблоны, переводятся на фирменные значения.
 *
 * Псевдоним через var() вычисляется лениво, поэтому переключение темы в
 * ките работает и здесь — дублировать тёмный набор не нужно.
 *
 * Своих цветов в этом файле нет и быть не должно: всё, чего не хватает,
 * выводится из фирменных через color-mix. Новый оттенок — повод дополнить
 * кит, а не завести исключение в одной программе.
 */

:root {
  --ink: var(--sp-ink);
  --ink-soft: var(--sp-muted);
  /* Самые тихие подписи: тот же фирменный muted, приглушённый к фону. */
  --ink-faint: color-mix(in srgb, var(--sp-muted) 78%, var(--sp-paper));

  --paper: var(--sp-canvas);
  --surface: var(--sp-paper);
  --surface-2: var(--sp-soft);
  --line: var(--sp-line);

  /* Акцент рабочих экранов — стальной синий. Золото не здесь: по стандарту
     оно отмечает единственное главное действие на экране (см. .btn.main). */
  --guard: var(--sp-steel);
  --guard-strong: var(--sp-steel-dark);
  --guard-soft: color-mix(in srgb, var(--sp-steel) 12%, transparent);

  --ok: var(--sp-status-ok);
  --ok-soft: color-mix(in srgb, var(--sp-status-ok) 14%, transparent);
  --warn: var(--sp-status-warning);
  --warn-soft: color-mix(in srgb, var(--sp-status-warning) 16%, transparent);
  --danger: var(--sp-status-critical);
  --danger-soft: color-mix(in srgb, var(--sp-status-critical) 15%, transparent);
  --pending: var(--sp-muted);
  --pending-soft: color-mix(in srgb, var(--sp-muted) 14%, transparent);

  --shadow: var(--sp-shadow-card);
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sp-font);
  font-size: var(--sp-text-body);
}

/* Заголовки — тот же Manrope: второго шрифта стандарт не предусматривает. */
h1, h2, h3 { font-family: var(--sp-font); margin: 0; letter-spacing: -0.02em; }

/* Цифры в таблицах — ИНН, суммы, даты. Моноширинный шрифт заменён
   табличными цифрами Manrope: колонки так же выровнены, лишнего шрифта нет. */
.mono {
  font-family: var(--sp-font);
  font-variant-numeric: tabular-nums;
}