/* ============================================================================ tokens.css — ЕДИНАЯ ПАЛИТРА ЭКОСИСТЕМЫ (решение Штаба от 08.09.2026). Источник: утверждённый макет Claude Design «Борд рекламы v2 — направление 1c». ПРАВКА ЭТОГО ФАЙЛА — РЕШЕНИЕ ШТАБА, НЕ ПРОЕКТА. Проекты ПОДКЛЮЧАЮТ файл (ссылкой/монтированием из репозитория), значения внутрь себя не копируют (урок D-042: реквизиты, скопированные вместо ссылки на источник, разошлись). Первый потребитель: мобильный борд рекламы (Рекламный завод/bord/), подключает через /ads-api/design/tokens.css → зеркало репо на сервере. Темы: светлая — по умолчанию (:root), тёмная — [data-theme="dark"] на . Линии и сетка — прозрачностью чернил, не отдельным цветом. Статусы: ok / warn / bad / idle / acc — oklch, свои значения для каждой темы. Трактовку статусов (что «bad», что «idle») определяет проект-потребитель; рядом с цветом всегда слово — цвет не единственный носитель смысла. ============================================================================ */ :root { /* типографика */ --font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif; /* текст */ --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace; /* цифры, подписи */ /* светлая тема */ --bg: #f2f1ed; /* фон */ --card: #ffffff; /* карточка */ --card2: #f7f6f3; /* вторая поверхность */ --ink: #15171a; /* чернила */ --ink2: rgba(21,23,26,.58); /* чернила, вторая ступень */ --ink3: rgba(21,23,26,.36); /* чернила, третья ступень */ --line: rgba(21,23,26,.12); /* линии — прозрачность чернил */ --grid: rgba(21,23,26,.07); /* сетка, фон полос — прозрачность чернил */ --idle: rgba(21,23,26,.28); /* неактивное */ /* статусы, oklch */ --ok: oklch(.55 .12 155); /* хорошо / в норме */ --warn: oklch(.62 .13 78); /* внимание */ --bad: oklch(.55 .18 25); /* плохо / критично */ --acc: oklch(.55 .13 250); /* акцент, ссылки, отсечки */ } [data-theme="dark"] { --bg: #0d0f12; --card: #15181d; --card2: #1b1f25; --ink: #f1f2f3; --ink2: rgba(241,242,243,.6); --ink3: rgba(241,242,243,.36); --line: rgba(241,242,243,.11); --grid: rgba(241,242,243,.07); --idle: rgba(241,242,243,.26); --ok: oklch(.78 .13 155); --warn: oklch(.84 .13 82); --bad: oklch(.7 .17 25); --acc: oklch(.76 .12 250); } /* Совместимость с именами статусов Пульса (urgent / attn / closed / mute) — те же значения, другое имя. Соответствие для рекламы согласовано 08.09.2026: красный → urgent, жёлтый → attn, зелёный → closed, серый → mute. */ :root, [data-theme="dark"] { --urgent: var(--bad); --attn: var(--warn); --closed: var(--ok); --mute: var(--idle); }