/*
 * Dark Mode Override
 * Makes Halfmoon's dark mode ~20% darker
 * Only override CSS variables - let Halfmoon handle the rest
 */

/* Override dark mode variables in :root */
:root {
  /* Base colors */
  --dm-base-body-bg-color: #111315;
  --dm-base-text-color: rgba(255, 255, 255, 0.9);

  /* Cards */
  --dm-card-bg-color: #1a1d21;
  --dm-card-border-color: rgba(255, 255, 255, 0.06);

  /* Navbar */
  --dm-navbar-bg-color: #0a0c0e;
  --dm-navbar-border-color: rgba(255, 255, 255, 0.04);

  /* Sidebar */
  --dm-sidebar-bg-color: #0e1012;
  --dm-sidebar-border-color: rgba(255, 255, 255, 0.04);

  /* Borders */
  --dm-border-color: rgba(255, 255, 255, 0.08);
  --dm-horizontal-rule-color: rgba(255, 255, 255, 0.06);

  /* Inputs */
  --dm-input-bg-color: #0e1012;
  --dm-input-border-color: rgba(255, 255, 255, 0.1);

  /* Buttons */
  --dm-button-bg-color: rgba(255, 255, 255, 0.06);
  --dm-button-bg-color-hover: rgba(255, 255, 255, 0.1);

  /* Scrollbars */
  --dm-webkit-scrollbar-thumb-bg-color: rgba(255, 255, 255, 0.15);
  --dm-webkit-scrollbar-thumb-bg-color-hover: rgba(255, 255, 255, 0.25);

  /* Dropdown */
  --dm-dropdown-bg-color: #1a1d21;
  --dm-dropdown-border-color: rgba(255, 255, 255, 0.08);

  /* Modal */
  --dm-modal-content-bg-color: #1a1d21;
  --dm-modal-content-border-color: rgba(255, 255, 255, 0.06);
}