/* =========================================================
 * 📄 /styles_core/front/base/topo_palette.css
 * ТОПО / Проектная палитра публичной части
 *
 * Назначение:
 * - цвета шапки (--topo-header-*): фон, пункты меню, активный пункт,
 *   разделители — используют topo_header.css и topo_header_mobile.css.
 * - --color-bg/--color-surface (подобранные экспериментально ради
 *   контраста карточек на фоне страницы) перенесены в источник,
 *   tokens.css — здесь больше не дублируются вторым хардкодом.
========================================================= */

/*
 * Шапка — на тон темнее фона страницы, в той же песочной гамме
 * (решение владельца 13.10.2026): отделяется от страницы и от кремовых
 * карточек, но остаётся в палитре сайта. Тёмные варианты (тайга,
 * шоколад, табак и др.) не сочетались с остальными цветами.
 * Тёмная тема — так же на тон темнее её фона (#1f1b17).
 */
:root {
    --topo-header-bg: #E7D6B6;
    --topo-header-fg: var(--color-fg);
    --topo-header-active: var(--color-primary);
    --topo-header-line: rgba(61, 41, 3, 0.10);
}

html[data-theme="dark"] {
    --topo-header-bg: #181512;
    --topo-header-fg: var(--color-fg);
    --topo-header-active: var(--color-primary);
    --topo-header-line: var(--color-border);
}

/*
 * Кабинет (/library/, .topo-header--kabinet в header.php) — шапка в гамме
 * раздела: тот же приём «на тон темнее фона страницы», только от его
 * бирюзового фона (.library-page в library.css — 16% --color-lib), а не
 * от песочного. Активный пункт и разделители — тоже цветом раздела.
 */
.topo-header--kabinet {
    --topo-header-bg: color-mix(in srgb, var(--color-lib, #3d7a78) 28%, var(--color-bg, #F7EFE4));
    --topo-header-active: var(--color-lib, #3d7a78);
    --topo-header-line: color-mix(in srgb, var(--color-lib, #3d7a78) 30%, transparent);
}

html[data-theme="dark"] .topo-header--kabinet {
    --topo-header-bg: color-mix(in srgb, var(--color-lib, #7fc4c1) 12%, #181512);
}