/* Sidebar + header color tokens shared by core/base.html (full app shell)
   and core/detail.html (standalone popup) — keep both files in sync by
   editing here, not by re-declaring these variables in either template. */
:root {
  --dl-bg: #fff;
  --dl-sidebar-bg: #f8f9fa;
  --dl-border: #dee2e6;
  --dl-text-muted: #6c757d;
  --dl-text-hover: #495057;
  --dl-nav-hover-bg: #e9ecef;
  --dl-input-bg: #fff;
  --dl-input-text: #212529;
}
:root[data-theme="dark"] {
  --dl-bg: #16181b;
  --dl-sidebar-bg: #1c1e21;
  --dl-border: #2f3336;
  --dl-text-muted: #adb5bd;
  --dl-text-hover: #f1f3f5;
  --dl-nav-hover-bg: #26292d;
  --dl-input-bg: #1f2124;
  --dl-input-text: #e9ecef;
}