/* ───────────────────────────────────────────────────────── KADR — единый словарь токенов. Один файл на все страницы: витрину, рабочее место и документы. До 28.08.2026 витрина жила на синем с Unbounded, а рабочее место — на янтаре с Onest, то есть это были два разных бренда под одним именем. Здесь словарь один, и разойтись им больше негде. Подключать ПЕРВЫМ, до витрина.css / основа.css / app.css. ───────────────────────────────────────────────────────── Темы. Три состояния, и порядок между ними такой: 1. явный выбор человека → data-theme="dark" | "light" на 2. умолчание страницы → его ставит тот же скрипт, если выбора нет 3. системная настройка → prefers-color-scheme, если страница не назвала своего умолчания Витрина и документы по умолчанию идут за системой: там смотрят на страницу. Рабочее место по умолчанию тёмное: там смотрят на кадры, и светлый фон вокруг них врёт про их яркость. Но выбор человека сильнее умолчания и действует на всех страницах сразу — он лежит в localStorage под ключом kadr-theme. ───────────────────────────────────────────────────────── */ :root{ /* ─── бумага: день ─── */ --paper:#F6F5F2; /* фон страницы */ --paper-2:#EDEBE6; /* поверхность выше фона: панели, карточки */ --paper-3:#E4E1DA; /* ещё выше: поля ввода, вложенные блоки */ --ink:#0E0E11; /* основной текст */ --ink-2:#2A2A31; /* текст чуть тише основного */ --dim:#616168; /* подписи, метки, вторичное */ --line:rgba(14,14,17,.13); --line-2:rgba(14,14,17,.28); /* ─── акцент: один на весь сервис ─── */ --acc:#1E36E8; --acc-hi:#152AC4; --on-acc:#FFFFFF; --acc-fog:rgba(30,54,232,.07); /* заливка выбранного пункта */ /* ─── блоки, тёмные в обеих темах ─── Не берут цвет из инвертируемых токенов намеренно: 26.08 блок «К оплате» был написан на --ink/--paper и в ночной теме дал тёмный текст на тёмном, контраст 1.1:1. */ --deep:#0E0E11; --deep-2:#0E0E11; --on-deep:#F6F5F2; /* ─── состояния ─── */ --ок:#166B3F; --сбой:#B92F35; --ок-fog:rgba(22,107,63,.09); --сбой-fog:rgba(185,47,53,.08); /* ─── шкала отступов ─── Намеренно неравномерная: одинаковые зазоры везде — признак машинной вёрстки. */ --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:140px; /* ─── гарнитуры ─── Две, как требует пункт 14 чек-листа. Моноширинной третьей нет: цифры выравниваются font-variant-numeric:tabular-nums прямо в Golos Text, и это ровно то, что уже делает витрина. */ --disp:'Unbounded',system-ui,sans-serif; --text:'Golos Text',system-ui,-apple-system,'Segoe UI',sans-serif; --ease:cubic-bezier(.16,1,.3,1); --pad:20px; --max:1600px; } @media (min-width:900px){ :root{ --pad:44px; } } /* ───────────────────────────────────────────────────────── Ночь. Определяется дважды: под prefers-color-scheme для страниц без своего умолчания и под data-theme="dark" для явного выбора. Иначе одно из трёх состояний остаётся неокрашенным. ───────────────────────────────────────────────────────── */ @media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){ --paper:#0C0D12; --paper-2:#14161F; --paper-3:#1B1E2A; --ink:#ECEBE8; --ink-2:#C6C6CE; --dim:#8A8C99; --line:rgba(236,235,232,.13); --line-2:rgba(236,235,232,.28); --acc:#6B80FF; --acc-hi:#8494FF; --on-acc:#0B0C11; --acc-fog:rgba(107,128,255,.10); --deep:#1B1E2A; --deep-2:#080910; --on-deep:#ECEBE8; --ок:#5BB271; --сбой:#E5595E; --ок-fog:rgba(91,178,113,.10); --сбой-fog:rgba(229,89,94,.09); } } :root[data-theme="dark"]{ --paper:#0C0D12; --paper-2:#14161F; --paper-3:#1B1E2A; --ink:#ECEBE8; --ink-2:#C6C6CE; --dim:#8A8C99; --line:rgba(236,235,232,.13); --line-2:rgba(236,235,232,.28); --acc:#6B80FF; --acc-hi:#8494FF; --on-acc:#0B0C11; --acc-fog:rgba(107,128,255,.10); --deep:#1B1E2A; --deep-2:#080910; --on-deep:#ECEBE8; --ок:#5BB271; --сбой:#E5595E; --ок-fog:rgba(91,178,113,.10); --сбой-fog:rgba(229,89,94,.09); }