/* ==========================================================================
   ДИЗАЙН-ТОКЕНЫ «НЕЙКЕД» — единственное место, где задаются цвета ролей и правила размеров.
   Грузится первым на каждой странице (inc/assets/enqueue.php, от него зависит global.css).

   Зачем (04.10.2026, владелец): «приходится выискивать по одному элементы, нужно централизованное
   распределение изменений в дизайн-системе». До этого «выбранный фильтр» был нарисован в ~30 правилах
   тремя разными цветами, фирменный синий вписан цифрами 436 раз.

   Правило: компонент берёт значение отсюда (var(--nt-…)), а не пишет цвет или отступ цифрами.
   Поменять роль = поменять одну строку здесь. Новая роль — сначала сюда, потом в компонент.
   ========================================================================== */
:root {
    /* --- Бренд: сырые цвета. Компоненты чаще берут роли ниже, а не эти. --- */
    --nt-blue: #2C3DF5;
    --nt-yellow: #FCD34D;
    --nt-navy: #213777;
    --nt-ink: #000;
    --nt-paper: #fff;

    /* --- Роли --- */
    /* Действие: главная кнопка экрана (одна на экран). */
    --nt-action-bg: var(--nt-blue);
    --nt-action-fg: var(--nt-paper);
    /* Выбрано: фильтр, чип, вкладка, текущая страница пагинации, открытый раздел мега-меню.
       Чёрный. 04.10.2026 днём был жёлтый «на тест» — владелец: «жёлтый не прижился, вернём чёрный». */
    --nt-selected-bg: var(--nt-ink);
    --nt-selected-fg: var(--nt-paper);
    --nt-selected-border: var(--nt-ink);
    --nt-selected-muted: rgba(255, 255, 255, .7); /* счётчики внутри выбранного чипа */
    /* Наведение на ссылку/пункт меню — синий текст, без заливки. */
    --nt-hover-fg: var(--nt-blue);

    /* --- Хлебные крошки (global.css, .ab2-crumbs) --- */
    --nt-crumbs-font: 'Circle', 'Montserrat', sans-serif;
    --nt-crumbs-size: 11px;
    --nt-crumbs-weight: 800;
    --nt-crumbs-track: .08em;
    --nt-crumbs-path: rgba(33, 55, 119, .55);
    --nt-crumbs-current: var(--nt-ink);
    --nt-crumbs-pad: 20px 0 14px;

    /* --- Нео-брутализм: рамки и жёсткие тени --- */
    --nt-line: 2px;
    --nt-shadow-btn: 3px 3px 0 0 #000;
    --nt-shadow-card: 4px 4px 0 0 #000;

    /* --- Мобильные правила (≤768px), см. «ПРАВИЛО МОБИЛЬНОГО HERO» в about-v2.css --- */
    --nt-m-gutter: 24px;     /* боковые поля текста */
    --nt-m-text-btn: 24px;   /* от текста до кнопки */
    --nt-m-mini-inset: 18px; /* миниатюра от правого и нижнего края */
    --nt-m-touch: 56px;      /* мессенджеры в меню и кнопка виджета */
}