/* ============================================================
   Dark Mode Override
   Applied via [data-color-mode="dark"] on .app-container.
   Overrides background/surface/text/border tokens globally.
   Primary/accent brand colors are preserved from the active theme.
   ============================================================ */
[data-color-mode="dark"] {
  /* Background */
  --color-background: #0F1419;
  --color-background-rgb: 15, 20, 25;

  /* Surface */
  --color-surface: #161D27;
  --color-surface-rgb: 22, 29, 39;
  --color-surface-hover: rgba(255, 255, 255, 0.05);
  --color-surface-muted: rgba(255, 255, 255, 0.07);
  --color-surface-alt: rgba(255, 255, 255, 0.02);

  /* Text */
  --color-text: #E2E8F0;
  --color-text-rgb: 226, 232, 240;
  --color-text-muted: #8A9BAD;
  --color-text-muted-rgb: 138, 155, 173;
  --color-text-light: rgba(255, 255, 255, 0.3);

  /* Border */
  --color-border: #2A3545;
  --color-border-rgb: 42, 53, 69;
  --color-border-light: rgba(255, 255, 255, 0.05);
  --color-border-dark: rgba(255, 255, 255, 0.15);
}