/* Токены дизайн-системы «Подпольная печатня».
   Значения перенесены из tokens.json дизайн-системы без изменений.
   Правится здесь только вслед за ней, не наоборот. */

:root {
  color-scheme: dark;

  /* Мастерская */
  --room-900: #0d0b10;
  --room-800: #17141a;
  --room-700: #221e28;
  --room-line: #2e2936;

  /* Бумага */
  --paper-100: #e8e3d4;
  --paper-200: #d3cdbb;
  --paper-300: #bdb7a9;

  /* Краска и текст */
  --ink-900: #17140f;
  --ink-500: #55503f;
  --dim-400: #8f8878;

  /* Краски ризографа */
  --riso-pink: #ff3d97;
  --riso-blue: #2f5bff;
  --riso-gold: #ffc61a;
  --on-pink: #17140f;
  --on-blue: #ffffff;

  /* Сигналы системы. signal-bad никогда не означает проигранный билет. */
  --signal-good: #3fbf7f;
  --signal-warn: #f0a020;
  --signal-bad: #ff4d4d;

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

  /* Скругления. Печать режется ножом: по умолчанию их нет. */
  --radius-0: 0;
  --radius-sm: 2px;
  --radius-pill: 999px;

  /* Линии. Теней в системе нет — объём даёт смещённая копия. */
  --stroke-hair: 1px;
  --stroke-rule: 1.5px;
  --stroke-key: 2px;
  --stroke-heavy: 3px;

  /* Смещение приводки. На печатных элементах никогда не ноль. */
  --misreg-1: 1.5px;
  --misreg-2: 3px;
  --misreg-3: 5px;

  /* Гарнитуры */
  --font-display: "Russo One", "Arial Black", sans-serif;
  --font-body: "Golos Text", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}

/* Текстовые стили. Имена совпадают с группами в tokens.json. */

.t-display-xl { font: 400 44px/44px var(--font-display); letter-spacing: .01em; }
.t-display-l  { font: 400 28px/30px var(--font-display); letter-spacing: .02em; }
.t-title      { font: 400 16px/20px var(--font-display); letter-spacing: .02em; }
.t-eyebrow    { font: 400 12px/14px var(--font-display); letter-spacing: .1em; text-transform: uppercase; }

.t-body        { font: 400 14px/20px var(--font-body); }
.t-body-strong { font: 600 14px/20px var(--font-body); }
.t-caption     { font: 400 12px/17px var(--font-body); }
.t-label       { font: 700 10px/12px var(--font-body); letter-spacing: .12em; text-transform: uppercase; }

/* Цифра, которую можно сравнить с другой цифрой, набирается моноширинным. */
.t-num-l { font: 800 21px/24px var(--font-mono); font-variant-numeric: tabular-nums; }
.t-num-m { font: 700 15px/18px var(--font-mono); font-variant-numeric: tabular-nums; }
.t-num-s { font: 700 11px/14px var(--font-mono); font-variant-numeric: tabular-nums; }