/* ═══════════════════════════════════════════════════════
   Токены дизайна «Деловая газета» (Claude Design, проект «Редизайн сайта It-institute.ru»,
   файл «Дизайн-система», v1.0). Одна светлая тема — тёмной нет по решению владельца.
   Белая полоса, чёрная краска, один красный акцент; радиус 0, без теней и градиентов.
   ═══════════════════════════════════════════════════════ */
:root {
  /* Цвет */
  --pp-ink: #111111;          /* текст заголовков, линейки, кнопки */
  --pp-body: #333333;         /* основной текст */
  --pp-muted: #5a5a5a;        /* мета, подписи · 6,9:1 на белом */
  --pp-rule: #d9d9d9;         /* тонкие линейки */
  --pp-tint: #f5f5f5;         /* врезки */
  --pp-paper: #ffffff;        /* фон */
  --pp-signal: #c0201b;       /* акцент · 5,9:1 на белом; не больше 1–2 пятен на экран */
  --pp-signal-dark: #9a1915;  /* акцентная кнопка при наведении */
  --pp-signal-on-ink: #ff8a80;/* акцент на чёрном */
  /* Цвета данных: главная серия — чёрная, выделенная — красная, остальные — серые; до 5 серий */
  --pp-data-1: #111111;
  --pp-data-2: #c0201b;
  --pp-data-3: #7a7a7a;
  --pp-data-4: #b8b8b8;
  --pp-data-5: #e8a29e;

  /* Шрифты */
  --pp-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;   /* заголовки, лиды, текст, цифры */
  --pp-sans: 'IBM Plex Sans', 'Segoe UI', system-ui, sans-serif;    /* интерфейс, рубрики, таблицы, подписи */
  --pp-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;        /* источники, версии, коды серий */

  /* Отступы и сетка */
  --pp-s1: 4px; --pp-s2: 8px; --pp-s3: 12px; --pp-s4: 16px;
  --pp-s5: 24px; --pp-s6: 32px; --pp-s7: 48px; --pp-s8: 64px;
  --pp-container: 1280px;
  --pp-gutter: clamp(16px, 3vw, 40px);

  /* Линейки */
  --pp-rule-section: 4px solid var(--pp-ink);   /* начало раздела */
  --pp-rule-head: 1px solid var(--pp-ink);      /* шапка блока */
  --pp-rule-item: 1px solid var(--pp-rule);     /* между пунктами */

  color-scheme: light;
}