:root {
  --brand-primary: #4f46e5;
  --brand-secondary: #0ea5e9;
  --brand-success: #22c55e;
  --brand-warning: #f59e0b;
  --brand-danger: #ef4444;
}
body[data-brand='indigo'] { --brand-primary: #4f46e5; --brand-secondary: #0ea5e9; --brand-success: #22c55e; }
body[data-brand='emerald'] { --brand-primary: #059669; --brand-secondary: #14b8a6; --brand-success: #84cc16; }
body[data-brand='midnight'] { --brand-primary: #1d4ed8; --brand-secondary: #4338ca; --brand-success: #0f766e; }
.brand-gradient { background: linear-gradient(135deg, var(--brand-secondary), var(--brand-primary), var(--brand-success)); }
.mojo-logo-link { display: inline-flex; align-items: center; text-decoration: none; line-height: 0; flex-shrink: 0; }
.mojo-logo-img, .mojo-logo-link img { display: block; height: var(--mojo-logo-h, 40px); width: auto; max-width: min(220px, 72vw); }
.mojo-logo-img--sm, .mojo-logo-link.mojo-logo-link--sm img { height: var(--mojo-logo-h-sm, 32px); }
/* По умолчанию тёмная схема для скроллбаров и нативных контролов; brand.js переключает на light */
html { color-scheme: dark; }
body:not(.dark) { color-scheme: light; }
body.dark { color-scheme: dark; }