[data-theme="dark"] {
  --color-background: #0b1120;
  --color-surface: #111827;
  --color-surface-soft: #172033;
  --color-border: #253047;
  --color-text-primary: #f8fafc;
  --color-text-secondary: #aab5c5;
  --color-text-muted: #718096;
  --color-primary-soft: #1e1b4b;
  --color-success-soft: #052e1d;
  --color-warning-soft: #3b2707;
  --color-danger-soft: #3b1212;
  --color-info-soft: #062a3b;
  --color-purple-soft: #25134d;
}

[data-theme="dark"] .topbar {
  background: #111827;
}

[data-theme="dark"] .data-table th {
  background: #172033;
}

[data-theme="dark"] .data-table tr:hover td {
  background: #151e2f;
}

[data-theme="dark"] .field label, .dark-label {
  color: #d0d5dd;
}

[data-theme="dark"] .chart-grid {
  stroke: #253047;
}

[data-theme="dark"] .btn-secondary {
  background: #111827;
  color: #f8fafc;
  border-color: #253047;
}

[data-theme="dark"] .input, [data-theme="dark"] .select, [data-theme="dark"] .textarea {
  background: #0f172a;
  color: #f8fafc;
  border-color: #253047;
}