/* 
   Clean Dark Theme Alternative
   Primary: #357ab4
   Accent: #af3229
*/

[data-bs-theme="dark"] body {
  color: #e9ecef;
  background-color: #ffffff;

  $primary: #357ab4;
  $accent: #af3229;
  $dark-bg: #1e1e1e;
  $border-dark: #333333;

  .top-header .navbar {
    background-color: $dark-bg;
    border-bottom: 1px solid $border-dark;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  }

  .sidebar-wrapper {
    background-color: $dark-bg;
    border-right: 1px solid $border-dark;
    .sidebar-header {
      background-color: $dark-bg;
      border-bottom: 1px solid $border-dark;
    }
    .metismenu a {
      color: #333333;
      &:hover {
        color: $primary;
        background-color: rgba($primary, 0.1);
      }
    }
    .mm-active > a {
      color: $primary;
      background-color: rgba($primary, 0.15);
    }
  }

  .card {
    background-color: $dark-bg;
    border: 1px solid $border-dark;
  }

  .form-control, .form-select {
    background-color: #252525;
    border: 1px solid $border-dark;
    color: #fff;
    &:focus {
      border-color: $primary;
    }
  }

  .page-footer {
    background-color: $dark-bg;
    border-top: 1px solid $border-dark;
  }
}
