/* ===================================================================== APL / CALS — фирменные токены портала ТП. Источник: apl_styles/assets/tokens.css (бренд-система корпоративного сайта cals.ru). Здесь ТОЛЬКО переменные — файл безопасно подключать поверх стилей Frappe: ничего не перекрашивает сам по себе. ⚠️ Правится ВМЕСТЕ с apl_styles/assets/tokens.css — это одна палитра. ===================================================================== */ :root { /* ── Палитра (brandbook CALS) ──────────────────────────────────── */ --apl-primary: #173B8C; /* основной тёмно-синий — ТЕКСТ и акценты */ /* ⚠️ Заливка кнопок — отдельный токен. В светлой теме совпадает с основным, в тёмной расходится: текстовый синий там осветляется (иначе не читается на тёмном фоне), а заливка под БЕЛЫМ текстом, наоборот, должна остаться насыщенной — иначе белая надпись на светло-синем даёт 4.1:1. */ --apl-primary-fill: #173B8C; --apl-primary-700: #123A6E; --apl-code: #6F4AC0; /* моноширинные вставки */ /* цветные плашки-бейджи: пара «фон + текст» задаётся вместе, иначе на другой теме получается светлое-на-светлом (правило CLAUDE.md) */ --apl-badge-gold-bg: #FBF0DC; --apl-badge-gold-fg: #6B4E0B; --apl-badge-doc-bg: #F3F0FB; --apl-badge-doc-fg: #4B3A8F; --apl-badge-ok-bg: #E3F0E8; --apl-badge-ok-fg: #1D6B44; --apl-demo-sub: #97504F; /* почта у демо-записи (было 2,5:1) */ --apl-demo-bg: #B7452F; /* плашка «тест» под белым текстом */ --apl-info-bg: #EAF2FA; --apl-info-fg: #1F6EA6; --apl-badge-err-bg: #FBEDED; --apl-badge-err-fg: #9B2C2C; --apl-primary-deep: #0B1F33; /* самый тёмный — админка, футер */ --apl-accent: #4D9FD8; /* акцент-синий: ссылки, активный пункт */ /* ⚠️ Аудит контраста 23.08.2026: #2E83BE на белом = 4.11:1 — ниже нормы WCAG AA для текста (4.5). Этим цветом набраны ссылки («открыть ›», «Все обращения →», номера обращений), поэтому затемнён. */ --apl-accent-700: #1F6EA6; --apl-gold: #D99A1E; /* акцент админки (дозированно) — ФОН/линии */ /* ⚠️ Золото годится для плашек и линий, но НЕ для текста на светлом: #D99A1E на белом = 2.44:1. Для янтарного ТЕКСТА — отдельный тёмный тон. */ --apl-gold-text: #8A6008; --apl-success: #3F7F5F; --apl-danger: #B73535; --apl-bg: #FFFFFF; --apl-bg-soft: #EEF2F5; --apl-bg-tint: #D8ECF8; --apl-bg-tint-2: #EAF2FA; --apl-ink: #0B1F33; --apl-ink-2: #2F343A; /* ⚠️ Аудит 23.08.2026: прежний #6F7F91 давал 4.1:1 на белом и 3.64:1 на --apl-bg-soft — ниже нормы. Этим тоном набрана ВСЯ вспомогательная подпись интерфейса, поэтому затемнён до 5.4:1 (белый) / 4.8:1 (soft). */ --apl-muted: #5C6C7E; --apl-line: #DCE3EA; --apl-line-soft: #ECEFF3; --apl-on-dark: #E2E8F0; /* на фирменном синем #173B8C прежний #93A4B8 давал 4.04:1 */ --apl-on-dark-muted: #A9B9CB; /* ── Типографика ───────────────────────────────────────────────── */ --apl-font: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; --apl-mono: "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace; --apl-fs-h1: 1.375rem; --apl-fs-h2: 1.0625rem; --apl-fs: 0.9375rem; /* 15 — базовый в интерфейсе */ --apl-fs-sm: 0.875rem; /* 14 */ --apl-fs-xs: 0.8125rem; /* 13 */ /* ── Пространство ──────────────────────────────────────────────── */ --apl-s1: 0.25rem; --apl-s2: 0.5rem; --apl-s3: 0.75rem; --apl-s4: 1rem; --apl-s5: 1.5rem; --apl-s6: 2rem; /* строгие радиусы — корпоративный, почти прямой угол */ --apl-r-xs: 2px; --apl-r-sm: 4px; --apl-r-md: 6px; --apl-r-pill: 999px; /* тени — сдержанные, «бумажные» */ --apl-sh-1: 0 1px 2px rgba(11,31,51,.06), 0 1px 1px rgba(11,31,51,.04); --apl-sh-2: 0 6px 18px -8px rgba(11,31,51,.18), 0 2px 6px -2px rgba(11,31,51,.08); --apl-sh-3: 0 24px 50px -24px rgba(11,31,51,.28); --apl-t-fast: .18s cubic-bezier(.32,.72,0,1); /* ── Раскладка админки ─────────────────────────────────────────── */ --apl-side-w: 232px; --apl-container: 1240px; } /* ===================================================================== ТЁМНАЯ ТЕМА (23.08.2026) --------------------------------------------------------------------- Замечание: «при включённой тёмной теме окно явно в светлой» — наши страницы (`/admin-*`, кабинет, кадровые разделы) о теме не знали вовсе, и переход из Helpdesk в «Реестр клиентов» бросал человека из тёмного интерфейса в белый. Тему держит Helpdesk-SPA: `data-theme="light|dark"` на плюс `localStorage.theme`. Наши страницы — не SPA, поэтому значение читает и проставляет `admin_shell.js` ДО отрисовки (иначе виден белый «промельк»). Здесь переопределяются ТОЛЬКО переменные — вся вёрстка построена на них, поэтому правило одно на все страницы. Контраст выверен по WCAG AA: основной текст #E8EDF3 на #10161F даёт 14:1, приглушённый #9FB0C4 — 7,3:1. ===================================================================== */ html[data-theme="dark"] { --apl-primary: #6A93E0; /* на тёмном фоне тёмно-синий не читается */ --apl-primary-fill: #2D5BC4; /* под белым текстом — насыщенная заливка */ --apl-primary-700: #86A9E9; --apl-primary-deep: #0B1220; --apl-code: #C0A6F5; --apl-badge-gold-bg: #3A2E12; --apl-badge-gold-fg: #E8C878; --apl-badge-doc-bg: #241F35; --apl-badge-doc-fg: #C3B4F0; --apl-badge-ok-bg: #16301F; --apl-badge-ok-fg: #8FD9AE; --apl-demo-sub: #E0A0A0; --apl-demo-bg: #7A2A1C; --apl-info-bg: #1B2B3D; --apl-info-fg: #8CC6EF; --apl-badge-err-bg: #3A1D1D; --apl-badge-err-fg: #F0A8A8; --apl-accent: #6FB6E8; --apl-accent-700: #8CC6EF; --apl-gold: #E3B44A; /* золото ярче: на тёмном #D99A1E тускнеет */ --apl-gold-text: #E3B44A; /* на тёмном фоне янтарный текст — светлый */ --apl-success: #6BBF8F; --apl-danger: #E38080; --apl-bg: #10161F; --apl-bg-soft: #19212C; --apl-bg-tint: #1B2B3D; --apl-bg-tint-2: #172433; --apl-ink: #E8EDF3; --apl-ink-2: #D3DBE4; --apl-muted: #9FB0C4; --apl-line: #2C3644; --apl-line-soft: #232C39; --apl-on-dark: #E8EDF3; --apl-on-dark-muted: #9FB0C4; --apl-sh-1: 0 1px 2px rgba(0,0,0,.45), 0 1px 1px rgba(0,0,0,.30); --apl-sh-2: 0 6px 18px -8px rgba(0,0,0,.65), 0 2px 6px -2px rgba(0,0,0,.45); --apl-sh-3: 0 24px 50px -24px rgba(0,0,0,.75); color-scheme: dark; }