/* Единая цветовая палитра франшизы. ЕДИНСТВЕННЫЙ источник цветов для всех веб-интерфейсов: панель франчайзи (internal/franchisepanel) и брендированная страница подписки sub-proxy (internal/subproxy). Меняешь токен здесь — меняется во всех интерфейсах. Тема: светлая по умолчанию, тёмная — автоматически по prefers-color-scheme, с возможностью ручного переопределения через атрибут data-theme на : • нет data-theme → тема следует за системой; • data-theme="dark" → принудительно тёмная; • data-theme="light" → принудительно светлая (перебивает системную тёмную). Кнопка-переключатель в каждом интерфейсе пишет выбор в localStorage и ставит data-theme; ранний инлайн-скрипт восстанавливает его до первой отрисовки. */ /* Светлая тема (по умолчанию) — красный акцент. */ :root{ --bg:#F5F6F8; --card:#FFFFFF; --soft:#F3F4F6; --line:#E6E8EC; --txt:#1A1A1A; --mut:#6B7280; --dim:#9CA3AF; --red:#E5322D; --red-hi:#C81E1A; --red-soft:#FDECEC; --ok:#16A34A; --ok-soft:#E7F6EC; --err:#E5322D; --amber:#D97706; --amber-soft:#FEF3E2; --blue:#2563EB; --blue-soft:#E8EFFD; /* Производные токены для поверхностей, которые в светлой теме просто белые. */ --inp:#FFFFFF; --soft-hi:#E9EBEF; --topbar:rgba(245,246,248,.85); --sk1:#EEF0F3; --sk2:#E2E5EA; --radius:14px; --sidebar:248px; } /* Тёмная тема. Один набор токенов применяется в двух случаях (см. шапку): автоматически по системной настройке и принудительно через data-theme="dark". Блок дублируется, потому что CSS не умеет переиспользовать набор объявлений между селекторами — правишь оба или ни одного. */ @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --bg:#0E0F12; --card:#16181D; --soft:#1E2026; --line:#2A2D34; --txt:#E8E9EC; --mut:#9AA0AB; --dim:#6B7280; --red:#FF4D47; --red-hi:#FF6A65; --red-soft:#2B1614; --ok:#3DD17F; --ok-soft:#15281C; --err:#FF5A54; --amber:#E8A13C; --amber-soft:#2A1F10; --blue:#5B8DEF; --blue-soft:#172139; --inp:#1E2026; --soft-hi:#2A2D34; --topbar:rgba(14,15,18,.85); --sk1:#1E2026; --sk2:#2A2D34; } } :root[data-theme="dark"]{ --bg:#0E0F12; --card:#16181D; --soft:#1E2026; --line:#2A2D34; --txt:#E8E9EC; --mut:#9AA0AB; --dim:#6B7280; --red:#FF4D47; --red-hi:#FF6A65; --red-soft:#2B1614; --ok:#3DD17F; --ok-soft:#15281C; --err:#FF5A54; --amber:#E8A13C; --amber-soft:#2A1F10; --blue:#5B8DEF; --blue-soft:#172139; --inp:#1E2026; --soft-hi:#2A2D34; --topbar:rgba(14,15,18,.85); --sk1:#1E2026; --sk2:#2A2D34; }