/* Токены дизайн-системы блога. Единственный источник цвета, шрифта и отступов.
   v2 от 07.10.2026: тёмная тема смягчена по замеру 11 образцов и ответам практиков (слепки-образцов/свод/СВОД.md,
   слепки-образцов/методика/perplexity-2026-10-07_dizayn-sistema.md): фон не чёрный, текст не белый, ссылки светлее, без свечения.
   Пороги контраста: текст к фону 12-15:1, подписи от 10:1, цветной текст от 7:1 (стандарт kp-site-standards, правило 42).
   Дизайн D «стиль Hermes Agent» (решение Дмитрия 05.10.2026): тёмная тема по умолчанию, светлая по атрибуту data-theme="light". Значения сняты с утверждённой страницы программы ученика, design/SPEC-build-d-hermes.md. */
:root {
  /* Цвет */
  --paper: #15171C;          /* фон страницы: тёмно-серый, не чёрный (v2; было #05060A, буквы расплывались) */
  --paper-raised: #1C1F26;   /* карточки, таблицы, код: светлее фона, а не тенью */
  --ink: #DDE0E7;            /* основной текст, 13,6:1 к фону (было #ECEEF5, 17,5:1, слишком ярко) */
  --ink-muted: #BFC4CE;      /* подписи, дата, мета: 10,2:1 */
  --rule: #2E333F;           /* линии 1 px, рамки таблиц */
  --edge: #737A88;           /* рамка карточек, которые нажимают: 4,16:1 к фону, 3,82:1 к --paper-raised (порог 3:1, kp-site-standards, 08.10.2026) */
  --accent: #AFB8FF;         /* акцент как цвет текста и рамки: ссылки, метки, контуры кнопок; 9,5:1 (было #5B6BFF, 4,8:1) */
  --accent-ink: #0B0D14;     /* текст на заливке акцентом: тёмный, 10,3:1 */
  --accent-soft: rgba(175,184,255,.14);   /* подложка метки и подсказки */
  --term-bg: #0F1115;        /* терминал в обеих темах тёмный, чуть темнее фона страницы */
  --term-ink: #E6E8F0;
  --term-muted: #8B91A6;
  --term-ok: #7FD6A4;
  --term-err: #FF8A9A;
  --term-rule: #1E2232;     /* линия под подписью терминала */
  --code-inline-bg: #262A35; /* плашка кода внутри абзаца */
  --code-rule: #2A2F44; /* рамка кода: в светлой теме не нужна, в тёмной отделяет блок от фона */

  /* Шрифт */
  --font-sans: "Manrope", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif; /* v2: текст статей и уроков антиквой, есть курсив; Manrope остаётся заголовкам и интерфейсу */
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

  /* Шкала: пять размеров на странице, не больше (bar.md, механика 2) */
  --fs-body: 1.125rem;   /* 18 px, основной текст, антиква */
  --fs-small: 0.875rem;  /* 14 px, служебное, код, подписи */
  --fs-lead: 1.5rem;     /* 24 px, лид, гротеск: 1,33 текста */
  --fs-h2: 1.75rem;      /* 28 px: 1,56 текста */
  --fs-h1: 3rem;         /* 48 px: 2,67 текста */
  --lh-body: 1.65;      /* v2: 1,65 в тёмной, 1,6 в светлой; какая тема включится, решает система читателя (js/theme.js) */
  --lh-tight: 1.15;

  /* Отступы, шаг 8 px, плюс половинный шаг 4 px для мелких зазоров */
  --s-05: 0.25rem;
  --s-1: 0.5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2rem;
  --s-6: 3rem;
  --s-8: 4rem;
  --s-12: 6rem;

  /* Сетка */
  --measure: 40rem;      /* колонка текста 640 px: 60-68 русских знаков при 18 px; в ch не задавать */
  --rail: 14rem;         /* служебная левая полоса */
  --page: 72rem;         /* ширина страницы */
  --gutter: 1rem;        /* поле на мобильном */
  --radius: 4px;
  --mark-sm: 5rem;       /* знак раздела на телефоне */
  --mark-lg: 12rem;      /* знак раздела на ноутбуке */
  --term-col: 12rem;     /* ширина колонки в указателе терминов */

  /* Дизайн D: свои имена для новых компонентов */
  --font-display: "Big Shoulders Display", "Manrope", "Arial Narrow", sans-serif; /* только цифры и латиница: кириллицы в шрифте нет */
  --fill: #0000F2;          /* электрический синий Hermes: заливки кнопок и меток */
  --on-fill: #F2F2F2;       /* текст на заливке */
  --ghost: rgba(175,184,255,.30); /* крупные номера разделов: видны глазом, не спорят с заголовком */
  --rule-strong: #3E4555;
  --ok: #7FD6A4;
  --warn: #FF8A9A;
  --paper-band: #191C22;    /* полоса раздела: чуть светлее фона */
  --head-tint: rgba(175,184,255,.10); /* шапка таблицы */
  --zebra: rgba(255,255,255,.025);
  --glow-top: none;         /* v2: свечение снято, признак нейросетевого шаблона (слепки-образцов/antislop) */
}
:root[data-theme="light"] {
  --paper: #FBFBFC;
  --paper-raised: #FFFFFF;
  --ink: #1D2026;           /* 15,8:1 */
  --ink-muted: #4B5260;     /* 7,6:1 */
  --lh-body: 1.6;
  --rule: #D6D8E2;
  --edge: #7A818C;          /* рамка карточек: 3,8:1 к фону, 3,93:1 к белому */
  --rule-strong: #C4C7D4;
  --accent: #3D4BDB;        /* ссылки и контуры, 6,3:1; белый на нём 6,5:1 */
  --accent-ink: #FFFFFF;
  --accent-soft: rgba(61,75,219,.08);
  --fill: #0000F2;
  --on-fill: #F2F2F2;
  --ghost: rgba(0,0,242,.1);
  --term-bg: #0B0C12;
  --code-inline-bg: #E8E9EF;
  --code-rule: transparent;
  --ok: #1C6B43;
  --warn: #A3002F;
  --paper-band: #E9EAF2;
  --head-tint: rgba(0,0,242,.06);
  --zebra: rgba(10,11,18,.025);
  --glow-top: none;
}