/* ============================================================ Rental UI — единые дизайн-токены для всех кабинетов (Фаза A). Подключается ПОСЛЕДНИМ в каждой SPA и перекрывает локальные :root-объявления (каскад: позже = сильнее). Правило: новые стили используют ТОЛЬКО эти переменные. НЕ трогаем здесь: --ink (тёмные шапки buh/investor), --card, --font*, --sidebar/--side, --gold, --brand2, --stc — у них локальная семантика, разбор в Фазе D. Аудит и план: rental-audit/DESIGN-AUDIT.md ============================================================ */ :root{ /* поверхность */ --bg:#fafbfc; --surface:#ffffff; --surface-2:#f4f6f8; --border:#e3e8ee; --border-soft:#eef1f5; --border-2:#d3dce6; /* текст */ --text:#1a1f36; --muted:#697386; --hint:#a3acb9; /* акцент парка (перекрывается брендингом через applyBranding) */ --brand:#2563eb; --brand-bg:#e8f0fe; /* смысловые статусы */ --green:#0f9d6b; --green-bg:#e7f6f0; --amber:#b45309; --amber-bg:#fbf1e1; --red:#dc2626; --red-bg:#fdecec; --purple:#6d28d9; --purple-bg:#efe9fb; /* геометрия (шкала: 8 кнопки/поля · 12 карточки · 999 чипы) */ --radius:12px; --pad:16px; --pad-card:15px; --pad-td:10px; /* тени (только эти два уровня) */ --shadow:0 1px 1px rgba(26,31,54,.04), 0 2px 5px rgba(60,66,87,.06); --shadow-lg:0 6px 24px -8px rgba(60,66,87,.20), 0 2px 6px rgba(26,31,54,.06); } /* Тёмная тема: index/login вешают data-theme на .p100, manager — на корень. Investor/buh получат переключатель в Фазе D — токены уже готовы. */ [data-theme="dark"], .p100[data-theme="dark"]{ --bg:#0f1115; --surface:#171a1f; --surface-2:#1f242b; --border:#2a2f37; --border-soft:#232830; --border-2:#343b45; --text:#e7e9ec; --muted:#98a1ab; --hint:#697079; --brand:#4b8cf5; --brand-bg:rgba(75,140,245,.16); --green:#46c376; --green-bg:rgba(70,195,118,.15); --amber:#e0a44a; --amber-bg:rgba(224,164,74,.15); --red:#ef6b6b; --red-bg:rgba(239,107,107,.15); --purple:#a78bfa; --purple-bg:rgba(167,139,250,.16); --shadow:0 1px 2px rgba(0,0,0,.35); --shadow-lg:0 14px 36px -14px rgba(0,0,0,.6); }