/* ============================================================= XERP2 — фирменный стиль KZHS. Цвета и шрифт Play унаследованы из старого ERP (xerp) для визуальной преемственности. Меняйте только переменные :root. ============================================================= */ /* --- Шрифт Play (кириллица + латиница), четыре поднабора --- */ @font-face { font-family: 'Play'; font-style: normal; font-weight: 400; font-display: swap; /* cyrillic-ext */ src: url("../fonts/6aez4K2oVqwIvtg2H70Q13HqPA.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Play'; font-style: normal; font-weight: 400; font-display: swap; /* cyrillic (используется для русского и казахского) */ src: url("../fonts/6aez4K2oVqwIvtE2H70Q13HqPA.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Play'; font-style: normal; font-weight: 400; font-display: swap; /* latin-ext */ src: url("../fonts/6aez4K2oVqwIvts2H70Q13HqPA.woff2") format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Play'; font-style: normal; font-weight: 400; font-display: swap; /* latin */ src: url("../fonts/6aez4K2oVqwIvtU2H70Q13E.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* --- Фирменные переменные. Все цвета — здесь. Светлая тема — дефолт, тёмная активируется через `[data-theme="dark"]` на . Тема сохраняется в localStorage; начальная установка делается inline-скриптом в до загрузки CSS — иначе FOUC. --- */ :root { --kz-sidebar-bg: #272444; /* фон сайдбара (как в xerp) */ --kz-sidebar-accent: #605aa1; /* акцент: hover, инпут поиска */ --kz-text-on-dark: #ffffff; --kz-bg: #f5f6fa; /* фон контента */ --kz-card-bg: #ffffff; --kz-border: #e2e4ec; --kz-text: #1f2240; --kz-text-muted: #6b6f88; --kz-success: #2bbd7e; --kz-warning: #f5a623; --kz-danger: #e74c3c; --kz-radius: 12px; --kz-shadow-card: 0 2px 8px rgba(39, 36, 68, 0.08); /* Цвет ссылок в реестрах/таблицах (W7): отдельно от сайдбарного акцента, потому что в тёмной теме сайдбарный приглушается и ссылки гаснут. */ --kz-link: #605aa1; } /* Тёмная тема. Сайдбар (тоже тёмный) почти не меняется — там уже всё тёмное. Меняем фон контента, карточки, текст, границы, тени. */ [data-theme="dark"] { --kz-bg: #14151f; --kz-card-bg: #1f2138; --kz-border: #2c2f45; --kz-text: #e8e9f0; --kz-text-muted: #9094ad; --kz-shadow-card: 0 2px 10px rgba(0, 0, 0, 0.35); /* Сайдбар в dark делаем чуть темнее, чтобы отличать от карточек. */ --kz-sidebar-bg: #0f1019; --kz-sidebar-accent: #4a4280; --kz-link: #a7a0e8; /* светлее — иначе не читается на тёмном */ /* color-scheme говорит браузеру отдавать тёмные нативные UI (полосы прокрутки, дата-пикер input[type=date], system menus). */ color-scheme: dark; } /* --- Глобальный сброс. Шрифт Play применяем повсюду. --- */ * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Play', system-ui, -apple-system, sans-serif; } html, body { min-height: 100vh; background: var(--kz-bg); color: var(--kz-text); font-size: 14px; line-height: 1.5; } a { color: inherit; text-decoration: none; } button { cursor: pointer; border: none; background: none; color: inherit; }