/* =========================================================
   Sift — Dark Mode
   ========================================================= */

body.dark {
  --bg:        var(--slate-900);
  --bg-alt:    #1a2332;
  --bg-card:   var(--slate-800);
  --text:      var(--slate-100);
  --text-dim:  var(--slate-400);
  --border:    #2d3a4f;
  --accent:    var(--green-500);
  --accent-hover: var(--green-400);

  background: var(--bg);
  color: var(--text);
}

body.dark .card { box-shadow: 0 1px 3px rgba(0,0,0,0.3); }
body.dark .stat-card { background: rgba(255,255,255,0.04); }
body.dark .btn-secondary { background: var(--slate-700); color: var(--slate-100); }
body.dark .btn-secondary:hover { background: var(--slate-600); }
body.dark .btn-icon:hover { background: var(--slate-700); }
body.dark .form-input, body.dark .form-select, body.dark .form-textarea {
  background: var(--slate-800);
  border-color: var(--border);
  color: var(--text);
}
body.dark .chart-bar-track { background: #1a2332; }
body.dark .badge-slate { background: var(--slate-700); color: var(--slate-300); }
body.dark .empty-state svg { opacity: 0.25; }
body.dark .toast { background: var(--slate-700); }
body.dark table th { color: var(--text-dim); }
body.dark table td, body.dark th { border-color: var(--border); }
body.dark .entry-item { border-color: var(--border); }
body.dark .modal { background: var(--slate-800); }
body.dark .navbar { background: var(--slate-900); }
body.dark .tabbar { background: var(--slate-900); border-color: var(--border); }
body.dark .sift-support { border-color: #2d3a4f; }
body.dark .sift-support-link { background: var(--slate-800); border-color: #2d3a4f; }
body.dark .sift-support-link:hover { border-color: var(--accent); background: var(--accent); }
body.dark .sift-support-link .link-badge { background: #1a3a2a; color: var(--green-400); }
body.dark .sift-support-link-accent { border-color: var(--accent); }
body.dark .sift-ecolink:hover { background: rgba(255,255,255,0.06); }