/*==========================
  Dark Mode Overrides
===========================*/
@media (prefers-color-scheme: dark) {
  html,
  body {
    background-color: #1c1f23;
    color: #e0e2e4;
  }

  h1, h2, h3, h4 {
    color: #90caf9;
  }

  /* Containers and cards */
  .container,
  .main-box,
  .card,
  .table-responsive,
  .gesture-card {
    background-color: #2b2f33;
    box-shadow: none;
    border-color: #3a3f45;
  }

  .card ul li {
    border-bottom: 1px solid #3a3f45;
  }

  .card ul li i {
    color: #64b5f6;
  }

  /* Navbar bottom */
  .navbar.fixed-bottom {
    background-color: #2b2f33;
    border-top: 1px solid #3a3f45;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.3);
  }

  .nav-link {
    color: #90caf9;
  }

  .nav-link:hover,
  .nav-link:focus {
    color: #e0e2e4;
  }

  .nav-link i {
    color: #64b5f6;
  }

  .nav-link:hover i {
    color: #bbdefb;
  }

  /* Alerts */
  .alert-success {
    background-color: #22543d;
    color: #b5f3d1;
    border-color: #38a169;
  }

  .alert-danger {
    background-color: #742a2a;
    color: #fbb6b6;
    border-color: #e53e3e;
  }

  /* Buttons */
  .btn-primary {
    background-color: #1976d2;
    color: #fff;
  }
  .btn-primary:hover {
    background-color: #1565c0;
  }

  .btn-success {
    background-color: #2e7d32;
    color: #fff;
  }
  .btn-success:hover {
    background-color: #1b5e20;
  }

  /* Tables */
  .table thead th {
    background-color: #37474f;
    color: #f5f5f5;
  }

  .table tbody tr:hover {
    background-color: #2f353a;
  }

  td.balance-positive {
    background-color: #1e4620 !important;
    color: #a5d6a7 !important;
  }

  td.balance-negative {
    background-color: #4a1a1a !important;
    color: #ef9a9a !important;
  }

  /* Gesture */
  .gesture-header {
    background-color: #263238;
    color: #eceff1;
  }
  .gesture-header:hover {
    background-color: #37474f;
  }

  .gesture-body {
    border-top: 1px solid #455a64;
    background-color: #2b2f33;
    color: #cfd8dc;
  }

  /* Reports */
  .report-icon {
    background-color: #263238;
    color: #90caf9;
  }
  .report-icon:hover {
    background-color: #37474f;
  }
}