/* ================= Design tokens — PhotokeepsakeCRM ================= */ /* Тёплая палитра, общая для index.html и login.html. --bg фон приложения --panel панели, карточки, список диалогов, инпуты, входящие сообщения --panel2 второстепенные поверхности (hover, инпуты, чипы) --border разделители --text основной текст --text-muted время, второстепенный текст --accent кнопки, ссылки, исходящие сообщения, бейджи непрочитанных --accent-soft мягкая подсветка (активный диалог, плейсхолдер) --danger деструктивные действия, ошибки Каждая из них своя для светлой/тёмной темы — см. блоки ниже. Бренд-константы — не зависят от темы: */ :root { --accent-dark:#342115; --accent-dark-text:#F2E4D2; /* шапка, навигация, статус-бар PWA, manifest */ --warn:#C99847; /* предупреждение (не путать с --danger) */ --vk:#2787f5; --avito:#ff5455; --ig:#c13584; /* брендовые цвета коннекторов, не трогать при смене темы */ --r:16px; --ease:cubic-bezier(.2,.8,.2,1); --spring:cubic-bezier(.2,.9,.3,1.15); --sat:env(safe-area-inset-top); --sab:env(safe-area-inset-bottom); --bg:#EFE3D2; --panel:#FAF3E8; --panel2:#F3E9DB; --border:#DDC9AE; --text:#2A1D14; --text-muted:#8A7360; --accent:#C1591F; --accent-soft:#F2DCCA; --danger:#D6473C; --shadow:0 1px 2px rgba(20,28,50,.07), 0 8px 24px -18px rgba(20,28,50,.25); } html[data-theme="dark"] { --bg:#241710; --panel:#2C1C12; --panel2:#3A2819; --border:#4C3827; --text:#F2E4D2; --text-muted:#B39A81; --accent:#E07A3D; --accent-soft:#422513; --danger:#F2705A; --shadow:0 1px 2px rgba(0,0,0,.35), 0 8px 24px -18px rgba(0,0,0,.55); } /* Синхронизировать вручную при изменении палитры: manifest.webmanifest → background_color (=--bg светлой темы), theme_color (=--accent-dark) index.html → оба (=--accent-dark) */