[data-theme="dark"],
[data-layout-mode="dark"] {
  color-scheme: dark;
}

[data-theme="dark"] body,
[data-layout-mode="dark"] body {
  background: var(--theme-bg-canvas);
  color: var(--theme-text-primary);
}

[data-theme="dark"] .card,
[data-layout-mode="dark"] .card {
  background: var(--theme-bg-surface);
  border-color: var(--theme-border-soft);
}