/* shared/legal/legal.tokens.css * Токены legal-компонентов и страниц. * * Здесь НЕТ собственных цветов. Раньше файл держал свою палитру и свой * body.theme-dark (#111827 / #0f172a / indigo #6366f1) — ещё один набор * тёмных значений в проекте, из-за которого футер и cookie-баннер в тёмной * теме отличались от страницы, на которой стояли. Теперь всё приходит из * shared/design-system/tokens.css и меняется вместе с темой автоматически. * * Оставлены только размеры и z-index — то, что действительно специфично * для legal-UI. */ /* Селектор двойной намеренно. Кастомное свойство вычисляется на элементе, где объявлено: если написать только `:root`, то var(--ws-*) посчитается на со светлым каноном, а переопределение канона на body.theme-dark до него уже не дойдёт — страница останется светлой в тёмной теме. Проверяется скриптом-гардом (см. CONTRIBUTING). */ :root, body.theme-dark { /* Поверхности и линии */ --legal-surface: var(--ws-surface); --legal-surface-soft: var(--ws-bg-soft); --legal-line: var(--ws-line); --legal-line-strong: var(--ws-line-strong); /* Типографика */ --legal-fg: var(--ws-fg); --legal-fg-muted: var(--ws-fg-muted); --legal-fg-soft: var(--ws-fg-soft); /* Акцент */ --legal-accent: var(--ws-primary); --legal-accent-hover: var(--ws-primary-hover); --legal-accent-soft: var(--ws-primary-soft); --legal-on-accent: var(--ws-primary-fg); /* Геометрия */ --legal-radius-sm: var(--ws-radius-sm); --legal-radius-md: var(--ws-radius-md); --legal-radius-lg: var(--ws-radius-lg); --legal-radius-pill: var(--ws-radius-full); /* Тени */ --legal-shadow-sm: var(--ws-shadow-sm); --legal-shadow-md: var(--ws-shadow-md); --legal-shadow-lg: var(--ws-shadow-lg); /* Шрифты */ --legal-font-sans: var(--ws-font-sans); --legal-font-display: var(--ws-font-heading); /* Размеры компонентов legal */ --legal-footer-mini-h: 60px; --legal-footer-full-pad: 48px; --legal-helper-size: 44px; /* кнопка «?» */ --legal-helper-offset: 20px; /* отступ от края */ --legal-z-footer: 100; --legal-z-helper: 9500; /* ниже cookie-banner (12000) */ --legal-z-helper-panel: 9600; }