:root {
  --brand-primary: #5B4BE8;
  --brand-accent: #22D3EE;
  --brand-success: #10B981;
  --brand-warning: #F59E0B;
  --brand-danger: #EF4444;
  --brand-bg: #FFFFFF;
  --brand-surface: #F8FAFC;
  --brand-text: #0F172A;
  --brand-text-muted: #64748B;
  --brand-logo-light: url('/assets/logo.svg');
  --brand-logo-dark: url('/assets/logo-dark.svg');
}
.brand-logo {
  display: inline-block;
  width: 140px;
  height: auto;
  vertical-align: middle;
}
.brand-logo--admin { width: 9rem; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .brand-logo {
    content: url('/assets/logo-dark.svg');
  }
}
:root[data-theme="dark"] .brand-logo {
  content: url('/assets/logo-dark.svg');
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand-primary: #7C6CF0;
    --brand-accent: #22D3EE;
    --brand-success: #34D399;
    --brand-warning: #FBBF24;
    --brand-danger: #F87171;
    --brand-bg: #0F172A;
    --brand-surface: #111827;
    --brand-text: #F1F5F9;
    --brand-text-muted: #94A3B8;
  }
}
:root[data-theme="dark"] {
  --brand-primary: #7C6CF0;
  --brand-accent: #22D3EE;
  --brand-success: #34D399;
  --brand-warning: #FBBF24;
  --brand-danger: #F87171;
  --brand-bg: #0F172A;
  --brand-surface: #111827;
  --brand-text: #F1F5F9;
  --brand-text-muted: #94A3B8;
}