@media (prefers-color-scheme: dark) {

  :root {
    --bg: #0f172a;
    --bg-soft: #1e293b;

    --text: #e2e8f0;
    --text-soft: #94a3b8;

    --border: #334155;
  }

  body {
    background: var(--bg-soft);
    color: var(--text);
  }

  .card,
  .sidebar-widget,
  .single-article,
  .clinic-profile {
    background: var(--bg);
    border-color: var(--border);
    box-shadow: none;
  }
}