/* Токены pantano.ru — версия 0, белый язык. Источник значений: tokens/*.json.
   Роли по образцу kit.css (инженерия наследуется), значения свои: холодная шкала,
   без коралла, без тёплых подложек, без тёплых теней. */
:root {
  /* Шрифт: Golos Text рабочим по умолчанию (решение владельца ждём); самохост — задача перед релизом */
  --font: 'Golos Text', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: ui-monospace, Menlo, Consolas, monospace;

  /* Бумага и чернила */
  --bg: #ffffff;
  --bg-2: #f5f6f8;
  --ink-1: #111318;
  --ink-2: #3b3f47;
  --ink-3: #6b7280;
  --ink-4: #9aa0a8;
  --line: #e3e5e9;

  /* Чернильная панель */
  --panel: #111318;
  --panel-2: #1a1d24;
  --on-panel: #ffffff;
  --on-panel-2: #a7adb7;
  --line-panel: #2a2e36;

  /* Акцент: тёмная зелень рабочим по умолчанию (решение владельца ждём) */
  --acc: #0f6e56;
  --acc-soft: #e6f3ef;

  /* Кнопка */
  --btn-bg: #111318;
  --btn-ink: #ffffff;

  /* Состояния */
  --ok: #0f6e56;
  --warn: #b7791f;
  --err: #b42318;

  /* Радиусы */
  --r1: 4px;
  --r2: 8px;
  --r3: 12px;
  --r4: 20px;
  --r-pill: 999px;

  /* Шаг сетки */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --s8: 64px;
  --s9: 96px;
  --s10: 128px;
  --s11: 160px;

  /* Кегли */
  --fs-display: 56px;
  --fs-h1: 44px;
  --fs-h2: 32px;
  --fs-h3: 22px;
  --fs-lead: 21px;
  --fs-body: 17px;
  --fs-small: 15px;
  --fs-label: 12px;

  /* Раскладка */
  --maxw: 1180px;
  --gutter: 24px;
  --measure: 64ch;
}

@media (max-width: 820px) {
  :root {
    --fs-display: 36px;
    --fs-h1: 32px;
    --fs-h2: 26px;
    --fs-h3: 20px;
    --fs-lead: 19px;
    --fs-body: 16px;
    --s10: 80px;
    --s11: 96px;
    --gutter: 16px;
  }
}