/* Тема «Динь»: единственный источник цвета для кабинета, Пульта и публичных страниц. Палитра и механика переключения — как на лендинге (landing/index.html): 1. по умолчанию светлая тема; 2. системная тёмная (prefers-color-scheme: dark) включает тёмную — именно она даёт «автопереключение»: ОС меняет режим по расписанию (закат/рассвет или ручной тумблер), страница следует за ней; 3. атрибут data-theme="dark|light" на перебивает системную — хук на будущий ручной переключатель, кнопки пока нет. color-scheme объявлен, чтобы под тему подстраивались и элементы браузера: поля ввода, скроллбары, дефолтный фон до загрузки стилей. Палитра синхронизирована с редизайном лендинга: гроссбух-зелёный (--accent) как основной, лаймовый (--lime) — акцентный. Новый цвет добавляем ТОЛЬКО сюда и только парой (светлый + тёмный): хардкод hex в шаблонах ломает тёмную. */ :root { color-scheme: light; --bg: #F3F4ED; --surface: #FFFFFF; --ink: #13291F; --muted: #5F6E64; --line: #D7DDD4; --accent: #1C513B; /* глубокий зелёный: кнопки, бренд */ --accent-ink: #FFFFFF; --accent-2: #188655; /* яркий зелёный: ссылки, кикеры */ --accent-soft: #E3F0E7; --lime: #DFF758; /* лаймовый акцент (бейдж бренда, подсветки) */ --lime-ink: #173329; /* тёмный текст на лайме */ --btn-shadow: #10402B; /* «подложка» объёмной кнопки */ --shadow: 0 1px 2px rgba(19, 41, 31, 0.06), 0 12px 30px rgba(19, 41, 31, 0.07); /* Статусы платежей и доставки */ --ok: #1C7A4E; --warn: #8A5A10; --bad: #B3382E; --info: #3B6098; /* Подложки чипов и мягких плашек */ --chip-ok-bg: #E3F0E7; --chip-neutral-bg: #EEF1EC; --chip-warn-bg: #F7EBD7; --chip-bad-bg: #F8E3E0; --chip-info-bg: #E7EEF5; --edge-warn: #C9921E; /* рамка предупреждающей карточки */ --edge-bad: #D08078; /* рамка карточки с ошибками */ /* Пульт (/staff/): свой акцент — чтобы панель основателя визуально не путалась с кабинетом владельца. Тёмная шапка одинакова в обеих темах. */ --staff-accent: #2B4C7E; --staff-bar: #1B2430; --staff-bar-ink: #E8ECF1; --staff-bar-muted: #7E8CA0; --staff-bar-link: #B9C4D0; /* Документ (счёт/уведомление) — бумага в обеих темах, как на лендинге: платёжка должна выглядеть платёжкой и печататься одинаково. */ --paper: #FDFCF6; --paper-ink: #22291F; --paper-muted: #6A7263; --paper-line: #E4E2D4; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme: dark; --bg: #131A15; --surface: #1B241D; --ink: #E9EEE8; --muted: #9BA89D; --line: #2C3830; --accent: #57C289; --accent-ink: #0E1811; --accent-2: #7FD3A0; --accent-soft: #21382B; --lime: #DFF758; --lime-ink: #14240F; --btn-shadow: #0C2A1D; --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 12px 32px rgba(0, 0, 0, 0.35); --ok: #57C289; --warn: #D69A3D; --bad: #E06B5F; --info: #8FB3E0; --chip-ok-bg: #21382B; --chip-neutral-bg: #232C26; --chip-warn-bg: #33291A; --chip-bad-bg: #38221F; --chip-info-bg: #1E2B3A; --edge-warn: #7A6224; --edge-bad: #7A3A33; --staff-accent: #7EA6DC; --staff-bar: #10161A; --staff-bar-ink: #E8ECF1; --staff-bar-muted: #8494A6; --staff-bar-link: #AEBCCB; } } :root[data-theme="dark"] { color-scheme: dark; --bg: #131A15; --surface: #1B241D; --ink: #E9EEE8; --muted: #9BA89D; --line: #2C3830; --accent: #57C289; --accent-ink: #0E1811; --accent-2: #7FD3A0; --accent-soft: #21382B; --lime: #DFF758; --lime-ink: #14240F; --btn-shadow: #0C2A1D; --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 12px 32px rgba(0, 0, 0, 0.35); --ok: #57C289; --warn: #D69A3D; --bad: #E06B5F; --info: #8FB3E0; --chip-ok-bg: #21382B; --chip-neutral-bg: #232C26; --chip-warn-bg: #33291A; --chip-bad-bg: #38221F; --chip-info-bg: #1E2B3A; --edge-warn: #7A6224; --edge-bad: #7A3A33; --staff-accent: #7EA6DC; --staff-bar: #10161A; --staff-bar-ink: #E8ECF1; --staff-bar-muted: #8494A6; --staff-bar-link: #AEBCCB; }