html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-theme="dark"] body {
  background: var(--color-bg);
  color: var(--color-text);
}

html[data-theme="dark"] .sf-card {
  background: var(--color-surface);
  border-color: var(--color-border);
}

html[data-theme="dark"] .sf-footer {
  border-color: var(--color-border);
}

html[data-theme="dark"] .sf-mega-panel__inner {
  background: var(--glass-bg);
}