/*
 * Словарь стилей reboot_child — задача 3.3 очереди 3.
 *
 * Подключается между родительским style.min.css и дочерним style.css
 * (см. rc_enqueue_styles() в functions.php), поэтому и родитель, и
 * дочерний style.css, и инлайновый <style id="rc-vars"> (печатает PHP)
 * всё ещё побеждают его в каскаде — словарь только заполняет пустоту.
 *
 * Устройство файла — три раздела:
 *
 * 1. РОЛИ — новые имена для будущих слоёв (задачи 3.5-3.7). Ничего в
 *    style.css их пока не читает, изменить вид сайта они не могут.
 *
 * 2. НАСЛЕДИЕ — старые --rc-* имена с их нынешними значениями,
 *    перенесённые из PHP-печати (functions.php, rc_output_vars()).
 *    Имена не переименованы и не тронуты по местам использования —
 *    они умрут сами, когда слои 3.5-3.7 перепишут разделы CSS.
 *
 * 3. НАСТРОЙКИ КАСТОМАЙЗЕРА (значения по умолчанию), добавлен в части 2
 *    задачи 3.3. Это дефолты 312 переменных, которые управляются реальными
 *    контролами кастомайзера. rc_output_vars() теперь сравнивает значение
 *    настройки с этими дефолтами и печатает переменную в inline-стиле,
 *    только если значение отличается. На заводских настройках печатать
 *    почти нечего, значение приходит из этого раздела по каскаду.
 *
 * Подробности и проверки — audit/11-vid.md, раздел 3.3.
 */

/* ==========================================================================
   1. РОЛИ
   ========================================================================== */

:root {
    /* Кегли: десять ступеней шкалы без дробных значений. Ступени сведены
       по частоте фактических размеров текста на странице (getComputedStyle
       по 4 страницам x 2 ширинам, без шума тег-облака рубрики/1440,
       округление до целого px) — см. audit/11-vid.md, раздел 3.3, таблица
       ступеней. Роль каждой ступени назначат слои 3.5-3.7, поэтому имена
       пока по порядку в шкале, не по назначению.
       Ступеней десять, а не семь: 10-14 достались от нынешнего сайта,
       20-32 добавлены в починке 3.5 для заголовков, которым семи не хватало. */
    --rc-kegl-1: 10px;
    --rc-kegl-2: 11px;
    --rc-kegl-3: 12px;
    --rc-kegl-4: 13px;
    --rc-kegl-5: 14px;
    --rc-kegl-6: 16px;
    --rc-kegl-7: 18px;
    --rc-kegl-8: 20px;
    --rc-kegl-9: 24px;
    --rc-kegl-10: 32px;

    /* Межстрочные: три роли — тесная (заголовки), базовая (интерфейсный
       текст, мета), просторная (текст статьи). */
    --rc-interlinyage-uzky: 1.2;
    --rc-interlinyage-bazovy: 1.4;
    --rc-interlinyage-prostorny: 1.65;

    /* Начертания: два веса, обычный текст и акцентный/заголовочный. */
    --rc-nachertanie-obychnoe: 400;
    --rc-nachertanie-zhirnoe: 700;

    /* Переход: одна длительность на всю тему для мгновенного отклика
       (обводка карточки, цвет ссылки при наведении и т.п.). 150мс —
       верхний предел, за которым отклик перестаёт ощущаться мгновенным
       (проверка «Замечание 2» показа 16.08, audit/11-vid.md). */
    --rc-perehod-bazovy: .15s;

    /* Отступы: семь ступеней с шагом 4px (4..48). */
    --rc-otstup-1: 4px;
    --rc-otstup-2: 8px;
    --rc-otstup-3: 12px;
    --rc-otstup-4: 16px;
    --rc-otstup-5: 24px;
    --rc-otstup-6: 32px;
    --rc-otstup-7: 48px;

    /* Радиусы: три ступени. */
    --rc-radius-maly: 8px;
    --rc-radius-bazovy: 12px;
    --rc-radius-bolshoy: 16px;

    /* Точки перелома: три, не семь. Задача 3.8 нашла в теме семь разных
       чисел (599, 600, 767, 768, 900, 991, 992) — три пары были одной
       и той же границей, записанной дважды с расхождением в 1px
       (599/600, 767/768) или переизобретённой заново без причины (900
       рядом с 991). Сведено к трём устройствам, а не к трём случайным
       числам: телефон (держат одной рукой, меню сворачивается в бургер),
       планшет (второй колонки ещё нет, но ширины уже хватает на её
       начало), компьютер (сайдбары и многоколоночная сетка). Границы —
       599/600 и 991/992 — оставлены как были: они уже нигде не
       собирали два разных экрана в одно число и указывают на реальные
       ширины устройств в живой аналитике, а не на круглые цифры.
       ЗНАЧЕНИЯ НЕЛЬЗЯ ПОДСТАВИТЬ В @media (в CSS там не читает var()) —
       переменные ниже это справочник для комментариев и для JS/PHP,
       а в @media числа пишутся буквально, эти же три. */
    --rc-tochka-telefon: 599px;      /* @media (max-width: 599px) */
    --rc-tochka-planshet-ot: 600px;  /* @media (min-width: 600px) and (max-width: 991px) */
    --rc-tochka-planshet-do: 991px;
    --rc-tochka-pk: 992px;           /* @media (min-width: 992px) */

    /* Цвета по ролям: четыре значения приняты Иваном, менять их нельзя
       без отдельного решения. */
    --rc-cvet-akcent: #ed5c50;
    --rc-cvet-tekst-akcent: #c22114;
    --rc-cvet-knopka-fon: #d8422f;
    --rc-cvet-tekst-vtorostepenny: #6b7280;
}

/* ==========================================================================
   2. НАСЛЕДИЕ
   ========================================================================== */

:root {
    /* --- Раньше печатал PHP, но реального контрола в кастомайзере нет
       (или он есть, но сейчас скрыт active_callback) — значение постоянно.
       80 переменных, значения — живой слепок стенда на 2026-08-07
       (snimki/inventar/peremennye-do.json). */
    --rc-ad-min-h: 90px;
    --rc-cg-cols-d: 3;
    --rc-cg-cols-m: 1;
    --rc-cg-cols-t: 2;
    --rc-cg-fs: 13px;
    --rc-cg-th: 160px;
    --rc-cg-th-m: 120px;
    --rc-cg-th-t: 140px;
    --rc-sb-fs: 12px;
    --rc-sb-th: 56px;
    --rc-sb-tr: 8px;
    --rc-sb-tw: 76px;
    --rc-sp-ad-after-content-author-box: var(--rc-otstup-2);
    --rc-sp-ad-after-content-content: var(--rc-otstup-2);
    --rc-sp-ad-after-content-related-posts: var(--rc-otstup-4);
    --rc-sp-ad-after-content-similar-posts: var(--rc-otstup-2);
    --rc-sp-ad-after-content-tags: var(--rc-otstup-2);
    --rc-sp-author-box-ad-after-content: var(--rc-otstup-5);
    --rc-sp-author-box-similar-posts: var(--rc-otstup-2);
    --rc-sp-author-box-similar-posts-m: var(--rc-otstup-2);
    --rc-sp-author-box-similar-posts-t: var(--rc-otstup-2);
    --rc-sp-content-ad-after-content: var(--rc-otstup-2);
    --rc-sp-content-ad-after-content-m: var(--rc-otstup-2);
    --rc-sp-content-ad-after-content-t: var(--rc-otstup-2);
    --rc-sp-content-author-box: var(--rc-otstup-4);
    --rc-sp-content-author-box-m: var(--rc-otstup-4);
    --rc-sp-content-author-box-t: var(--rc-otstup-4);
    --rc-sp-content-rating: var(--rc-otstup-2);
    --rc-sp-content-related-posts: var(--rc-otstup-2);
    --rc-sp-content-related-posts-m: var(--rc-otstup-2);
    --rc-sp-content-related-posts-t: var(--rc-otstup-2);
    --rc-sp-content-similar-posts: var(--rc-otstup-2);
    --rc-sp-content-similar-posts-m: var(--rc-otstup-2);
    --rc-sp-content-similar-posts-t: var(--rc-otstup-2);
    --rc-sp-content-social-bottom: var(--rc-otstup-2);
    --rc-sp-excerpt-thumbnail: var(--rc-otstup-4);
    --rc-sp-excerpt-thumbnail-m: var(--rc-otstup-4);
    --rc-sp-excerpt-thumbnail-t: var(--rc-otstup-4);
    --rc-sp-meta-content: var(--rc-otstup-2);
    --rc-sp-meta-content-m: var(--rc-otstup-2);
    --rc-sp-meta-content-t: var(--rc-otstup-2);
    --rc-sp-meta-excerpt: var(--rc-otstup-4);
    --rc-sp-meta-excerpt-m: var(--rc-otstup-4);
    --rc-sp-meta-excerpt-t: var(--rc-otstup-4);
    --rc-sp-rating-author-box: var(--rc-otstup-2);
    --rc-sp-rating-related-posts: var(--rc-otstup-2);
    --rc-sp-rating-similar-posts: var(--rc-otstup-2);
    --rc-sp-rating-social-bottom: var(--rc-otstup-2);
    --rc-sp-related-posts-ad-after-content: var(--rc-otstup-2);
    --rc-sp-related-posts-author-box: var(--rc-otstup-2);
    --rc-sp-related-posts-author-box-m: var(--rc-otstup-2);
    --rc-sp-related-posts-author-box-t: var(--rc-otstup-2);
    --rc-sp-similar-posts-author-box: var(--rc-otstup-2);
    --rc-sp-similar-posts-author-box-m: var(--rc-otstup-2);
    --rc-sp-similar-posts-author-box-t: var(--rc-otstup-2);
    --rc-sp-similar-posts-related-posts: var(--rc-otstup-2);
    --rc-sp-social-bottom-author-box: var(--rc-otstup-2);
    --rc-sp-social-bottom-related-posts: var(--rc-otstup-2);
    --rc-sp-social-bottom-similar-posts: var(--rc-otstup-2);
    --rc-sp-tags-ad-after-content: var(--rc-otstup-2);
    --rc-sp-tags-rating: var(--rc-otstup-2);
    --rc-sp-tags-related-posts: var(--rc-otstup-2);
    --rc-sp-tags-related-posts-m: var(--rc-otstup-2);
    --rc-sp-tags-related-posts-t: var(--rc-otstup-2);
    --rc-sp-tags-similar-posts: var(--rc-otstup-2);
    --rc-sp-tags-similar-posts-m: var(--rc-otstup-2);
    --rc-sp-tags-similar-posts-t: var(--rc-otstup-2);
    --rc-sp-tags-social-bottom: var(--rc-otstup-2);
    --rc-sp-thumbnail-content: var(--rc-otstup-4);
    --rc-sp-thumbnail-content-m: var(--rc-otstup-4);
    --rc-sp-thumbnail-content-t: var(--rc-otstup-4);
    --rc-sp-title-content: var(--rc-otstup-2);
    --rc-sp-title-content-m: var(--rc-otstup-2);
    --rc-sp-title-content-t: var(--rc-otstup-2);
    --rc-sp-title-excerpt: var(--rc-otstup-2);
    --rc-sp-title-excerpt-m: var(--rc-otstup-2);
    --rc-sp-title-excerpt-t: var(--rc-otstup-2);
    --rc-sp-title-thumbnail: var(--rc-otstup-2);
    --rc-sp-title-thumbnail-m: var(--rc-otstup-2);
    --rc-sp-title-thumbnail-t: var(--rc-otstup-2);

    /* --- CSS ожидает через var(--имя, запасное), но PHP это имя никогда
       не печатал — раньше работало только запасное значение внутри var().
       42 переменные, значения — тот самый запасной аргумент var(),
       перенесённый явно (см. snimki/inventar/vars-css-uses-but-php-live-never-sets.txt).
       Исключения (не перенесены, см. отчёт): --rc-border — уже объявлена
       явно в самом style.css; --rc-section-cols — не константа, значение
       приходит инлайном от posts.php для каждой секции отдельно. */
    --rc-art-aut-bg: #f0f2f5;
    --rc-art-aut-r: 12px;
    --rc-art-fs: 15px;
    --rc-art-lh: 1.7;
    --rc-art-soc-bg: var(--rc-art-aut-bg);
    --rc-art-soc-hgt: 40px;
    --rc-art-title-m: 1.35rem;
    --rc-cg-bg: #ffffff;
    --rc-card-bg: #fff;
    --rc-bg: var(--rc-cg-bg);
    --rc-cg-lines: 3;
    --rc-cg-lines-m: 3;
    --rc-cg-lines-t: 3;
    --rc-cg-r: 12px;
    --rc-cs-bq-d: 16px;
    --rc-cs-bq-m: 12px;
    --rc-cs-fig-d: 16px;
    --rc-cs-fig-m: 10px;
    --rc-cs-fig-t: 12px;
    --rc-cs-h-bot-d: 10px;
    --rc-cs-h-bot-m: 8px;
    --rc-cs-h-top-d: 20px;
    --rc-cs-h-top-m: 16px;
    --rc-cs-p-d: 14px;
    --rc-cs-p-m: 10px;
    --rc-cs-p-t: 12px;
    --rc-cs-ul-d: 14px;
    --rc-cs-ul-m: 10px;
    --rc-cv-bg: var(--rc-cg-bg);
    --rc-gc-body-bg: var(--rc-art-aut-bg);
    --rc-logo-h: 38px;
    --rc-nav-fs: 13px;
    --rc-nav-pad: 14px;
    --rc-ng-meta-gap: 10px;
    --rc-sb-header-font: inherit;
    --rc-sp-breadcrumbs-category: var(--rc-otstup-2);
    --rc-sp-breadcrumbs-category-m: var(--rc-otstup-2);
    --rc-sp-breadcrumbs-category-t: var(--rc-otstup-2);
    --rc-sp-breadcrumbs-meta: var(--rc-otstup-2);
    --rc-sp-category-title: var(--rc-otstup-2);
    --rc-sp-category-title-m: var(--rc-otstup-2);
    --rc-sp-category-title-t: var(--rc-otstup-2);
}

/* ==========================================================================
   3. НАСТРОЙКИ КАСТОМАЙЗЕРА (значения по умолчанию)
   ========================================================================== */

/* Задача 3.3, часть 2. Эти 312 переменных PHP печатает только когда
   настройка в кастомайзере отличается от дефолта (rc_output_vars(),
   functions.php, массив RC_VARS_DEFAULTS перед функцией, фильтр в конце
   функции). Здесь дефолты объявлены как CSS, чтобы на сайте без
   отличий от заводских настроек значение всё равно бралось откуда-то,
   а не падало на запасной аргумент var() внутри style.css. Массив
   в PHP и этот блок построены одним скриптом из разбора functions.php,
   значит числа совпадают по построению, не по ручной сверке.

   Сюда не входит --rc-art-q-text: у неё нет дефолта, PHP печатает её
   только когда цвет цитаты задан в кастомайзере. */
:root {
    --rc-ad-border-col: #e5e7eb;
    --rc-ad-border-pad: 0px;
    --rc-ad-border-r: 4px;
    --rc-ad-border-w: 0px;
    --rc-ad-gap-after: 16px;
    --rc-ad-gap-after-m: 10px;
    --rc-ad-gap-after-t: 12px;
    --rc-ad-gap-before: 16px;
    --rc-ad-gap-before-m: 10px;
    --rc-ad-gap-before-t: 12px;
    --rc-ad-ph-bg: #f8f8f8;
    --rc-ad-ph-h-d: 250px;
    --rc-ad-ph-h-m: 0px;
    --rc-ad-ph-h-t: 200px;
    --rc-ad-ph-text: #cccccc;
    --rc-art-q-bg: #fafafa;
    --rc-art-q-r-d: 8px;
    --rc-art-q-r-m: 4px;
    --rc-art-q-r-t: 6px;
    --rc-art-r: 12px;
    --rc-art-soc-h: 40px;
    --rc-art-soc-r: 8px;
    --rc-bc-d: 13px;
    --rc-bc-m: 11px;
    --rc-bc-t: 12px;
    /* Решение Ивана 16.08 (доводка): хозяином размера тела остаётся
       настройка (theme_mods, rc_body_d/t/m), не словарь — печать
       переменных из functions.php:2280 в <style id="rc-vars"> не убрана,
       она идёт в head последней и перебивает словарь при равной силе.
       На стенде настройка приведена к 17px на всех трёх ширинах через
       wp-cli (theme mod set), здесь — то же число, чтобы запасное
       значение словаря не расходилось с тем, что реально висит в базе. */
    --rc-body-d: 17px;
    --rc-body-fs-d: normal;
    --rc-body-fw-d: 400;
    --rc-body-lh-d: 1.65;
    --rc-body-lh-m: 1.65;
    --rc-body-lh-t: 1.65;
    --rc-body-ls-d: 0em;
    /* Решение Ивана 16.08: тело статьи 17px на всех ширинах.
       Межстрочный не меняем: 17 * 1.65 = 28,05px, это и есть просимые 28. */
    --rc-body-m: 17px;
    --rc-body-t: 17px;
    --rc-card-border-col: var(--rc-ad-border-col);
    --rc-card-border-w: 1px;
    --rc-ch-fs: 16px;
    --rc-ch-img-h: 160px;
    --rc-ch-img-h-m: 180px;
    --rc-ch-img-h-t: 140px;
    --rc-ch-img-w: 260px;
    --rc-ch-img-w-t: 200px;
    --rc-ch-lines: 3;
    --rc-ch-lines-m: 3;
    --rc-ch-lines-t: 3;
    --rc-ch-pad: 16px;
    --rc-ch-r: 12px;
    --rc-color-bc: #757575;
    --rc-color-bc-act: #141414;
    --rc-color-body: var(--rc-color-bc-act);
    --rc-color-excerpt: var(--rc-color-bc-act);
    --rc-color-h2: var(--rc-color-bc-act);
    --rc-color-meta: var(--rc-cvet-tekst-vtorostepenny);
    --rc-color-tag: var(--rc-cvet-tekst-akcent);
    --rc-color-title: var(--rc-color-bc-act);
    --rc-csim-card-h: 290px;
    --rc-csim-card-h-m: auto;
    --rc-csim-date-color: var(--rc-cvet-tekst-vtorostepenny);
    --rc-csim-date-fs: 11px;
    --rc-csim-exc-color: var(--rc-cvet-tekst-vtorostepenny);
    --rc-csim-exc-fs: 12px;
    --rc-csim-exc-lines: 2;
    --rc-csim-fs: 15px;
    --rc-csim-fs-m: 13px;
    --rc-csim-fs-t: 14px;
    --rc-csim-gap-title-exc: 6px;
    --rc-csim-lines: 3;
    --rc-csim-lines-m: 3;
    --rc-csim-lines-t: 3;
    --rc-csim-meta-gap: 4px;
    --rc-csim-nh: 260px;
    --rc-csim-nh-m: 240px;
    --rc-csim-nh-t: 260px;
    --rc-csim-pad: 10px;
    --rc-csim-pad-m: 10px;
    --rc-csim-pad-t: 10px;
    --rc-csim-r: 10px;
    --rc-csim-th: 185px;
    --rc-csim-th-m: 140px;
    --rc-csim-th-t: 150px;
    --rc-csim-title-color: #1a1a1a;
    --rc-cv-cat-bg: var(--rc-cvet-knopka-fon);
    --rc-cv-cat-color: var(--rc-cg-bg);
    --rc-cv-cols-d: 3;
    --rc-cv-cols-m: 1;
    --rc-cv-cols-t: 2;
    --rc-cv-fs: 14px;
    --rc-cv-fs-m: 13px;
    --rc-cv-fs-t: 13px;
    --rc-cv-lh-title: 1.4;
    --rc-cv-lines: 3;
    --rc-cv-lines-m: 3;
    --rc-cv-lines-t: 3;
    --rc-cv-meta-color: var(--rc-cvet-tekst-vtorostepenny);
    --rc-cv-meta-fs: 11px;
    --rc-cv-meta-top: 8px;
    --rc-cv-nh: 280px;
    --rc-cv-nh-m: 240px;
    --rc-cv-nh-t: 280px;
    --rc-cv-pad: 14px;
    --rc-cv-r: 12px;
    --rc-cv-th: 180px;
    --rc-cv-th-m: 140px;
    --rc-cv-th-t: 160px;
    --rc-cv-title-color: var(--rc-color-bc-act);
    --rc-cv-title-gap: 12px;
    --rc-ed-item-date-fs-d: 12px;
    --rc-ed-item-date-fs-m: 11px;
    --rc-ed-item-date-fs-t: 11px;
    --rc-ed-item-fs-d: 14px;
    --rc-ed-item-fs-m: 13px;
    --rc-ed-item-fs-t: 13px;
    --rc-ed-item-fw-d: 500;
    --rc-ed-item-fw-m: 500;
    --rc-ed-item-fw-t: 500;
    --rc-ed-item-lh-d: 1.4;
    --rc-ed-item-lh-m: 1.4;
    --rc-ed-item-lh-t: 1.4;
    --rc-ed-item-lines-d: 2;
    --rc-ed-item-lines-m: 2;
    --rc-ed-item-lines-t: 2;
    --rc-ed-title-color: var(--rc-color-bc-act);
    --rc-ed-title-fw: 700;
    --rc-ed-title-size: 22px;
    --rc-exc-fw-d: 400;
    --rc-exc-lh-d: 1.6;
    --rc-excerpt-d: 18px;
    --rc-excerpt-m: 16px;
    --rc-excerpt-t: 17px;
    --rc-gap: 12px;
    /* Запасное значение свели к боевому #303030 (rc_gc_accent в настройках
       акцентного цвета): синий #0097fb никогда не был живой настройкой ни
       на стенде, ни на brcinfo, а белый текст на нём даёт контраст 3.08
       при норме 4.5 (WCAG AA). Живую настройку в базе не меняли. */
    --rc-gc-accent: #303030;
    --rc-gc-art-bc: var(--rc-color-bc);
    --rc-gc-art-body: var(--rc-color-bc-act);
    --rc-gc-art-h2: var(--rc-color-bc-act);
    --rc-gc-art-link: var(--rc-cvet-tekst-akcent);
    --rc-gc-art-link-h: #0078d4;
    --rc-gc-art-meta: var(--rc-cvet-tekst-vtorostepenny);
    --rc-gc-art-title: var(--rc-color-bc-act);
    --rc-gc-badge-bg: var(--rc-gc-accent);
    --rc-gc-badge-text: var(--rc-cg-bg);
    --rc-gc-border: var(--rc-ad-border-col);
    --rc-gc-card-bg: var(--rc-cg-bg);
    --rc-gc-card-border: var(--rc-ad-border-col);
    --rc-gc-card-desc: #4b5563;
    --rc-gc-card-hover: var(--rc-gc-accent);
    --rc-gc-card-meta: var(--rc-cvet-tekst-vtorostepenny);
    --rc-gc-card-title: var(--rc-color-bc-act);
    --rc-gc-card-title-hover: #0b6fc4;
    --rc-gc-cat-text: #64748b;
    --rc-gc-excerpt: #374151;
    --rc-gc-heading: var(--rc-color-bc-act);
    --rc-gc-icon: var(--rc-cvet-tekst-vtorostepenny);
    --rc-gc-link: var(--rc-cvet-tekst-akcent);
    --rc-gc-link-hover: var(--rc-gc-art-link-h);
    --rc-gc-pagination: var(--rc-gc-accent);
    --rc-gc-pagination-hover: #005fba;
    --rc-gc-sb-bg: var(--rc-cg-bg);
    --rc-gc-sb-border: var(--rc-ad-border-col);
    --rc-gc-sidebar-hover: var(--rc-gc-card-title-hover);
    --rc-gc-sidebar-title: var(--rc-color-bc-act);
    --rc-gc-tag-text: var(--rc-cvet-tekst-akcent);
    --rc-gc-text: var(--rc-color-bc-act);
    --rc-gc-text-muted: var(--rc-cvet-tekst-vtorostepenny);
    --rc-h1-fs-d: normal;
    --rc-h1-fw-d: 600;
    --rc-h1-lh-d: 1.2;
    --rc-h1-lh-m: 1.25;
    --rc-h1-lh-t: 1.2;
    --rc-h1-ls-d: -0.02em;
    --rc-h1-tt-d: none;
    --rc-h2-d: 32px;
    --rc-h2-fw-d: 600;
    --rc-h2-lh-d: 1.25;
    --rc-h2-lh-t: 1.25;
    --rc-h2-ls-d: -0.02em;
    --rc-h2-m: 22px;
    --rc-h2-t: 26px;
    --rc-h3-d: 24px;
    --rc-h3-fw-d: 600;
    --rc-h3-lh-d: 1.3;
    --rc-h3-m: 18px;
    --rc-h3-t: 20px;
    --rc-h4-d: 20px;
    --rc-h4-fw-d: 600;
    --rc-link-hover: var(--rc-gc-card-title-hover);
    --rc-list-lh-d: 1.65;
    --rc-list-lh-m: 1.65;
    --rc-list-lh-t: 1.65;
    --rc-meta-d: 16px;
    --rc-meta-m: 14px;
    --rc-meta-t: 15px;
    --rc-nav-color-m: #000000;
    --rc-nav-color-t: var(--rc-nav-color-m);
    --rc-nav-fs-m: 13px;
    --rc-nav-fs-t: 13px;
    --rc-ng-exc-lines: 2;
    --rc-ng-horiz-lines: 3;
    --rc-ng-v-vert-lines: 3;
    --rc-ng-vert-lines: 3;
    --rc-pb-footer-d: 80px;
    --rc-pb-footer-m: 50px;
    --rc-pb-footer-t: 60px;
    --rc-pt-header-d: 30px;
    --rc-pt-header-m: 16px;
    --rc-pt-header-t: 24px;
    --rc-rel-accent: var(--rc-gc-card-title-hover);
    --rc-rel-border-color: var(--rc-ad-border-col);
    --rc-rel-border-radius: 12px;
    --rc-rel-border-width: 1px;
    --rc-sb-bg: var(--rc-cg-bg);
    --rc-sb-border-c: var(--rc-ad-border-col);
    --rc-sb-border-w: 0px;
    --rc-sb-header-fs: 17px;
    --rc-sb-r: 12px;
    --rc-sb-w: 200px;
    --rc-sb-wr: 262px;
    --rc-sl-bullet-size: 6px;
    --rc-sl-cat-bg: #0078FF;
    --rc-sl-cat-fs: 12px;
    --rc-sl-exc-fs: 14px;
    --rc-sl-exc-lh: 1.5;
    --rc-sl-fs-d: 24px;
    --rc-sl-fs-m: 17px;
    --rc-sl-fs-t: 20px;
    --rc-sl-h-d: 380px;
    --rc-sl-h-m: 240px;
    --rc-sl-h-t: 300px;
    --rc-sl-nav: 40px;
    --rc-sl-nav-bg: var(--rc-cg-bg);
    --rc-sl-nav-color: #333333;
    --rc-sl-pad-x: 28px;
    --rc-sl-pad-x-m: 16px;
    --rc-sl-pad-x-t: 20px;
    --rc-sl-pad-y: 28px;
    --rc-sl-pad-y-m: 16px;
    --rc-sl-pad-y-t: 20px;
    --rc-sl-pagination-bottom: 48px;
    --rc-sl-r-d: 12px;
    --rc-sl-r-t: 12px;
    --rc-sl-title-lh: 1.25;
    --rc-sp-author-box-related-posts: 10px;
    --rc-sp-author-box-related-posts-m: 10px;
    --rc-sp-author-box-related-posts-t: 10px;
    --rc-sp-body-to-cite: 10px;
    --rc-sp-body-to-cite-m: 10px;
    --rc-sp-body-to-cite-t: 10px;
    --rc-sp-body-to-h2: 10px;
    --rc-sp-body-to-h2-m: 10px;
    --rc-sp-body-to-h2-t: 10px;
    --rc-sp-body-to-img: 10px;
    --rc-sp-body-to-img-m: var(--rc-otstup-2);
    --rc-sp-body-to-img-t: var(--rc-otstup-2);
    --rc-sp-body-to-list: 10px;
    --rc-sp-body-to-list-m: 10px;
    --rc-sp-body-to-list-t: 10px;
    --rc-sp-breadcrumbs-title: var(--rc-otstup-2);
    --rc-sp-breadcrumbs-title-m: var(--rc-otstup-2);
    --rc-sp-breadcrumbs-title-t: var(--rc-otstup-2);
    --rc-sp-cite-to-body: 10px;
    --rc-sp-cite-to-body-m: 10px;
    --rc-sp-cite-to-body-t: 10px;
    --rc-sp-cite-to-img: var(--rc-otstup-2);
    --rc-sp-cite-to-img-m: 10px;
    --rc-sp-cite-to-img-t: var(--rc-otstup-2);
    --rc-sp-content-tags: 10px;
    --rc-sp-content-tags-m: 10px;
    --rc-sp-content-tags-t: 10px;
    --rc-sp-excerpt-content: 10px;
    --rc-sp-excerpt-content-m: 10px;
    --rc-sp-excerpt-content-t: 10px;
    --rc-sp-h2-to-body: var(--rc-otstup-2);
    --rc-sp-h2-to-body-m: var(--rc-otstup-2);
    --rc-sp-h2-to-body-t: var(--rc-otstup-2);
    --rc-sp-img-to-body: var(--rc-otstup-2);
    --rc-sp-img-to-body-m: var(--rc-otstup-2);
    --rc-sp-img-to-body-t: var(--rc-otstup-2);
    --rc-sp-img-to-cite: var(--rc-otstup-2);
    --rc-sp-img-to-cite-m: var(--rc-otstup-2);
    --rc-sp-img-to-cite-t: var(--rc-otstup-2);
    --rc-sp-list-to-body: 10px;
    --rc-sp-list-to-body-m: 10px;
    --rc-sp-list-to-body-t: 10px;
    --rc-sp-meta-thumbnail: 10px;
    --rc-sp-meta-thumbnail-m: 10px;
    --rc-sp-meta-thumbnail-t: 10px;
    --rc-sp-meta-to-content: 10px;
    --rc-sp-meta-to-content-m: var(--rc-otstup-2);
    --rc-sp-meta-to-content-t: var(--rc-otstup-2);
    --rc-sp-p-d: 10px;
    --rc-sp-p-m: 10px;
    --rc-sp-p-t: 10px;
    --rc-sp-related-posts-similar-posts: 10px;
    --rc-sp-related-posts-similar-posts-m: 10px;
    --rc-sp-related-posts-similar-posts-t: 10px;
    --rc-sp-similar-posts-similar-posts: 10px;
    --rc-sp-similar-posts-similar-posts-m: 10px;
    --rc-sp-similar-posts-similar-posts-t: 10px;
    --rc-sp-tags-author-box: 10px;
    --rc-sp-tags-author-box-m: 10px;
    --rc-sp-tags-author-box-t: 10px;
    --rc-sp-thumbnail-excerpt: var(--rc-otstup-2);
    --rc-sp-thumbnail-excerpt-m: var(--rc-otstup-2);
    --rc-sp-thumbnail-excerpt-t: var(--rc-otstup-2);
    --rc-sp-title-meta: 10px;
    --rc-sp-title-meta-m: 10px;
    --rc-sp-title-meta-t: 10px;
    --rc-tag-d: 16px;
    --rc-tag-m: 14px;
    --rc-tag-t: 15px;
    --rc-title-d: 40px;
    --rc-title-m: 24px;
    --rc-title-t: 30px;
}

/* ==========================================================================
   4. НОВЫЕ ЦВЕТА (задача 3.4, перенос из style.css)
   ========================================================================== */

/* Значения для селекторов без собственного контрола в кастомайзере
   (rc-pin-*, rc-share-*, rc-news-grid, rc-author-card и т.п.) - перенесены
   из style.css слепком того, что уже было нарисовано, без переосмысления
   цвета. Читает их css/baza.css (задача 3.4, часть "цвет"). */
:root {
    --rc-cvet-fon-plashki: #f3f4f6;            /* фон плашек-кнопок: соц.кнопки, активная "поделиться", переключатель архива */
    --rc-cvet-fon-miniatury: #e9ebee;          /* фон-заглушка миниатюры до загрузки фото */
    --rc-cvet-hover-aktivny: #4d3bfe;          /* цвет при наведении на закладку и счётчик комментариев */
    --rc-cvet-zagolovok-temny: #1a1a2e;        /* заголовок блока похожих статей */
    --rc-cvet-data-priglushennaya: #8a9099;    /* дата в похожих статьях */
    --rc-cvet-razdelitel: #e0e0e0;             /* разделитель между закреплёнными пунктами */
    --rc-cvet-fon-legkiy: #f7f8fa;             /* лёгкий фон карточки закрепления */
    --rc-cvet-fon-zakreplennogo: #fff9e6;      /* фон закреплённого пункта */
    --rc-cvet-ikonka-priglushennaya: #aaaaaa;  /* иконка закрепления, обычное состояние */
    --rc-cvet-ikonka-hover: #555555;           /* иконка закрепления при наведении */
    --rc-cvet-zakreplennaya-ikonka: #d4a000;   /* иконка у закреплённого пункта */
    --rc-cvet-ikonka-dobavit: #888888;         /* иконка "добавить в закреплённые" */
    --rc-cvet-tekst-aktivnoy-knopki: #111111;  /* текст активной кнопки "поделиться" */
    --rc-cvet-fon-vrezki: #f3f3f3;             /* фон блока "об авторе" */
    --rc-cvet-fon-podpisi: #f9f9f9;            /* фон подписи под миниатюрой в тексте статьи */
    --rc-cvet-fon-temnoy-knopki: #23262b;      /* фон тёмной соц.кнопки в карточке автора */
    --rc-cvet-fon-temnoy-knopki-hover: #404550; /* тот же фон при наведении */
    --rc-cvet-fon-citaty: #f7f9fc;             /* фон цитаты в тексте статьи */
    --rc-cvet-zagolovok-novosti: #0f172a;      /* заголовок карточки в блоке "новости" */
    --rc-cvet-ikonka-zakladki: #cbd5e1;        /* иконка "в закладки" в блоке "новости" */
    --rc-cvet-fon-hover-kartochki: #f8fafc;    /* фон карточки "новости" при наведении */
    --rc-cvet-fon-miniatury-novosti: #e2e8f0;  /* фон-заглушка миниатюры в блоке "новости" */
}