/* ============================================================================
   dark.css  -  dark-mode token overrides for the MODERN theme (.modern.dark).
   Charts read these via getComputedStyle, so the canvas charts re-theme too.
   ========================================================================== */
.modern.dark {
  --bg: #0b1120; --surface: #121a2b; --surface-2: #0f1828; --text: #e8edf6; --text-soft: #aeb9cc;
  --label: #8595ad; --border: #243149; --border-soft: #1c2740;
  --side-bg: #070b16; --side-grad1: #0d1424; --side-text: #99a5bc;
  --row-alt: #0f1828; --grid: #22304a;
  --shadow: 0 1px 2px rgba(0, 0, 0, .45), 0 12px 30px rgba(0, 0, 0, .55);
}
.modern.dark .topbar { background: var(--surface); }
.modern.dark .top-ico:hover, .modern.dark .pg-btn:hover:not([disabled]), .modern.dark .btn:hover { background: #1a2438; }