:root {
  --bs-body-bg: #322F31 !important;
  --bs-primary: #5ab5d1 !important;
  --bg-primary: #5ab5d1 !important;
  --text-primary: #5ab5d1 !important;
  --background-color-hover: #333;
  --text-color: #fff;
  --border-width: 0px;
  --border-style: solid;
  --border-radius: 6px;
  --padding: 5px 10px;
  --box-shadow: 0 6px 30px -6px rgba(0,0,0,.25);
  --input-color: #b7b2a6;
  --input-background-color: #322f31;
  --input-border-radius: 0.25rem;
  --input-border-color: hsla(0,0%,100%,.15);
  --input-border-width: 1px;
  --color-primary: #5ab5d1;
  --color-secondary: #79eded;
  --color-info: #79eded;
  --color-success: #83d39a;
  --color-warning: #cc828a;
  --color-danger: #cc828a;
  --color-light: #474243;
  --color-dark: #f3f3ea;
  --color-background: #322f31;
  --btn-color-primary: #fff;
  --btn-color-secondary: #fff;
  --btn-color-info: #fff;
  --btn-color-success: #fff;
  --btn-color-warning: #fff;
  --btn-color-danger: #fff;
  }
  
  body {
  background-color: #322f31;
  color: #fcfbf6;
  font-family: -apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.5;
  }
  .bg-faded {
  background-color:#3A3639 !important
}
  .bg-primary {
  background-color:#5ab5d1 !important
}
  .text-primary {
  color:#5ab5d1 !important
}
.btn.btn-default {
  background-color:#474243;
  border-color:#5a5354;
  color:#fcfbf6
}
.btn.btn-default:hover {
  background-color:#2d292a;
  border-color:#3a3636;
  color:#fcfbf6
}
.btn.btn-default.focus,
.btn.btn-default:focus {
  box-shadow:0 0 0 2px rgba(90,83,84,.5)
}
.btn.btn-default.disabled,
.btn.btn-default:disabled {
  background-color:#474243;
  border-color:#5a5354
}
.btn.btn-default.active,
.btn.btn-default:active,
.show>.btn.btn-default.dropdown-toggle {
  background-color:#2d292a;
  background-image:none;
  border-color:#3a3636;
  color:#fcfbf6
}
.btn.btn-secondary {
  background-color:#322f31;
  border-color:#918985;
  color:#fff
}
.btn.btn-secondary:hover {
  background-color:#181617;
  border-color:#726b67;
  color:#fff
}
.btn.btn-secondary.focus,
.btn.btn-secondary:focus {
  box-shadow:0 0 0 2px hsla(20,5%,55%,.5)
}
.btn.btn-secondary.disabled,
.btn.btn-secondary:disabled {
  background-color:#322f31;
  border-color:#918985
}
.btn.btn-secondary.active,
.btn.btn-secondary:active,
.show>.btn.btn-secondary.dropdown-toggle {
  background-color:#181617;
  background-image:none;
  border-color:#726b67;
  color:#fff
}
.btn.btn-square {
  border:0;
  font-size:1rem;
  height:2.25rem;
  padding:0;
  width:2.25rem
}
.btn.btn-square>i {
  line-height:2.25rem;
  vertical-align:middle
}
.btn.btn-xs {
  border-radius:1.5;
  font-size:.875rem;
  padding:.125rem .25rem
}
.btn.toggle-off,
.btn.toggle-on {
  min-height:2.25rem
}
.btn.toggle-off.xs,
.btn.toggle-on.xs {
  min-height:1.5rem
}
.btn.toggle-off.sm,
.btn.toggle-on.sm {
  min-height:1.75rem
}
.btn.toggle-off.lg,
.btn.toggle-on.lg {
  min-height:2.75rem
}
.text-secondary {
  color:#b7b2a6!important
}
a.text-secondary:focus,
a.text-secondary:hover {
  color:#958d7c!important
}
.bg-secondary {
  background-color:#b7b2a6!important
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
  background-color:#a09a8a!important
}