/* ===== /wwwroot/css/wenrexa-root.css ===== */
/* Глобальные токены управления макетом и мега‑меню */

:root {
    /* Верхняя панель (navbar) */
    --topbar-h: 72px; /* 56 / 64 / 72 / 88 — высота шапки */
    --topbar-gap: .75rem; /* отступ контента от шапки */
    --topbar-bg: color-mix(in srgb, #171717 92%, #02020200);
    --topbar-border: color-mix(in srgb, #171717 92%, #02020200);
    /* Глобальная ширина оболочки */
    --shell-max: 99.00%; /* можно поставить, например, 1360px */
    --shell-side-pad: 100px; /* «поля» внутри, когда shell-max < 100% */
    /* Левая вертикальная икон‑навигация (stack‑rail) */
    --stack-rail-min: 92px;
    --stack-rail-max: 95px;
    --stack-rail-fluid: 7.2vw;
    --stack-rail-w: clamp(var(--stack-rail-min), var(--stack-rail-fluid), var(--stack-rail-max));
    --vnav-radius: 14px;
    --vnav-gap: .5rem;
    /* Правая панель (artSidePanel) — фикс на md+ */
    --art-rail-base: 300px;
    --art-rail-w: var(--art-rail-base);
    /* Дополнительная правая колонка */
    --sec-rail-base: 300px;
    --sec-rail-w: var(--sec-rail-base);
    --rail-scroll-pad: 0px;
    /* Поиск в топбаре */
    --search-max-w: 960px;
    /* Цвета/акценты */
    --brand-accent: #76e0b2;
    --panel-bg: rgba(255,255,255,.03); /* фон карточек/панелей на тёмной теме */
    /* ===== Токены мега‑меню (белая панель) ===== */
    --mega-max-w: 1280px; /* ограничение ширины контента */
    --mega-pad: 1.25rem; /* внутренние поля панели */
    --mega-bg: #ffffff; /* БЕЛЫЙ фон */
    --mega-border: #e5e7eb; /* светлая рамка */
    --mega-radius: 12px; /* скругление нижних углов (desktop) */
    --mega-shadow: 0 24px 60px rgba(0,0,0,.35); /* тень панели */
    --mega-text: #111827; /* цвет текста на панели */
    --mega-muted: #6b7280; /* вторичный цвет текста */
    --mega-icon-bg: #f1f5f9; /* фон «плашек» под иконками */
    --mega-inner-bq: #fff; /* фон под меню */
    --mega-gap: 16px; /* отступ снизу */
    --mega-safe-bottom: env(safe-area-inset-bottom, 0px);
    --edge-pad: 16px; /* минимальный отступ панели от краёв экрана */
}
