:root[data-theme='dark'] {
  --brandzo-surface: #0f172a;
  --brandzo-surface-alt: #111827;
  --brandzo-text: #e2e8f0;
  --brandzo-muted: #cbd5e1;
  --brandzo-border: #334155;
}

body[data-theme='dark'] {
  background: var(--brandzo-surface-alt);
  color: var(--brandzo-text);
}

body[data-theme='dark'] .brandzo-sidebar,
body[data-theme='dark'] .brandzo-header,
body[data-theme='dark'] .brandzo-footer,
body[data-theme='dark'] .card {
  background: #111827;
  border-color: #334155;
}

body[data-theme='dark'] .nav-link,
body[data-theme='dark'] .brandzo-widget h6,
body[data-theme='dark'] .brandzo-widget h3 {
  color: #e2e8f0;
}