/* =========================
   GLOBAL DARK MODE OVERRIDE
   ========================= */

html, body {
  background-color: #0f1115 !important;
  color: #e5e5e5 !important;
}

/* Containers */
#content,
main,
.container,
.container-fluid {
  background-color: #0f1115 !important;
  color: #e5e5e5 !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #ffffff !important;
}

/* Links */
a {
  color: #d1d1d1 !important;
}
a:hover {
  color: #f5c542 !important;
}

/* Cards, panels, boxes */
.card,
.panel,
.product-thumb,
.list-group-item,
.table,
.well,
.dropdown-menu {
  background-color: #16181d !important;
  color: #e5e5e5 !important;
  border-color: rgba(255,255,255,0.08) !important;
}

/* Forms */
input,
select,
textarea,
.form-control {
  background-color: #16181d !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.2) !important;
}

input::placeholder {
  color: #9aa0a6 !important;
}

/* Buttons */
.btn,
button {
  background-color: #16181d !important;
  color: #e5e5e5 !important;
  border-color: rgba(255,255,255,0.15) !important;
}

.btn-primary {
  background-color: transparent !important;
  border-color: #f5c542 !important;
  color: #f5c542 !important;
}

.btn-primary:hover {
  background-color: #f5c542 !important;
  color: #000 !important;
}

/* Breadcrumb */
.breadcrumb {
  background-color: #16181d !important;
  border-color: rgba(255,255,255,0.08) !important;
}