/* Манила-веб · дизайн-система (редизайн 24.07.2026) Единый дашборд, а не теле-меню: сайдбар-группы + карточки-действия. ОДИН файл на весь веб: crm.css слит сюда и удалён (остаток - в самом низу). Тема авто по prefers-color-scheme + ручной тумблер (data-theme на ). Всё локально, без CDN. Комментарии по-русски, тире - только дефис. */ /* ═══ §1 ТОКЕНЫ ═══════════════════════════════════════════════════════ Тема: значения объявлены ОДИН раз через light-dark(); переключатель - color-scheme. Ниже обязательный @supports-фолбэк (старые движки). */ :root { color-scheme: light; /* ── Поверхности ── */ --bg: light-dark(#f5f6f8, #0e1014); --surface: light-dark(#ffffff, #171a21); --surface-2: light-dark(#f0f2f5, #1d212a); --surface-hover: light-dark(#eef1f5, #222834); --border: light-dark(#e3e6ea, #262b36); --border-strong: light-dark(#d3d8de, #333a48); /* ── Текст ── */ --text: light-dark(#14181f, #e7e9ee); --text-muted: light-dark(#667085, #9aa4b2); /* faint поднят до AA (WCAG 4.5): было #98a2b3 (2.58 на белом) / #6b7482 (3.69 на surface). Стало 4.87 на --surface и 4.51 на --bg (светлая), 4.86 / 5.32 (тёмная). */ --text-faint: light-dark(#69727e, #7f8896); /* ── Акцент (бренд, не трогать) ── */ --accent: light-dark(#0f9d76, #23c299); --accent-strong: light-dark(#0b7d5e, #38d4ad); --accent-soft: light-dark(#e6f6f0, #113029); --accent-contrast: light-dark(#ffffff, #06120e); /* ── Семантика ── Светлые тона затемнены на 1-2 ступени до AA: бейджи b-crit/b-warn/b-info - это статусы просрочки и денег, 12px/650, норма 4.5. Было 3.74/3.10/3.97 на своих *-soft подложках, стало 5.07/4.82/5.67. Тёмная тема не менялась (там AA уже был). */ --danger: light-dark(#b83232, #ef6b6b); --danger-soft: light-dark(#fbe9e9, #341c1e); --warn: light-dark(#9a5c00, #e0a13a); --warn-soft: light-dark(#fdf1df, #33291a); --info: light-dark(#1f56c9, #6ea0ff); --info-soft: light-dark(#e8f0fe, #1a2740); /* деньги (11.08.2026, владелец: кнопки переходов с деньгами - отдельный акцент, чтобы не путались с обычным «вперёд по конвейеру»). */ --money: light-dark(#6d28d9, #b794f6); --money-soft: light-dark(#f2e9fd, #2c2140); /* ── Тени ── */ --shadow-sm: light-dark(0 1px 2px rgba(16,24,40,.06), 0 1px 2px rgba(0,0,0,.4)); --shadow-md: light-dark(0 4px 12px rgba(16,24,40,.10), 0 6px 18px rgba(0,0,0,.45)); --shadow-lg: light-dark(0 16px 40px rgba(16,24,40,.18), 0 20px 48px rgba(0,0,0,.6)); /* ── Радиусы ── */ --radius: 12px; --radius-sm: 8px; --radius-lg: 18px; /* ── Шкала типографики (убивает магические 12.5/13.5/14.5/16.5/18/21/22) ── */ --fs-xs: 12px; /* мета, подписи полей, счётчики */ --fs-sm: 13px; /* вторичный текст, бейджи, help */ --fs-md: 14.5px; /* плотный UI: таблицы, кнопки, alert */ --fs-body: 15px; /* базовый размер body */ --fs-lg: 16.5px; /* H2 групп дашборда */ --fs-xl: 18px; /* H2 секций CRM */ --fs-2xl: 22px; /* H1 страницы (.page-title), деньги, KPI-цифра */ --fs-3xl: 24px; /* крупные KPI */ --lh-tight: 1.25; --lh-base: 1.5; --fw-med: 600; --fw-semi: 650; --fw-bold: 700; --fw-heavy: 750; /* ── Шкала отступов (кратна 4) ── */ --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; /* ── z-шкала ── */ --z-sticky-th: 1; /* sticky thead таблиц */ --z-toc: 10; /* якорная полоса карточки сделки (ниже шапки) */ --z-header: 20; --z-nav-backdrop: 29; --z-sidebar: 30; --z-drawer-backdrop: 40; --z-drawer: 41; --z-lightbox: 50; /*