:root {
  --evil-bg: #080b0a;
  --evil-panel: #101716;
  --evil-panel-2: #151f1c;
  --evil-green: #00320f;
  --evil-green-bright: #79a57f;
  --evil-gold: #c9a975;
  --evil-gold-2: #f0d69a;
  --evil-red: #7e2428;
  --evil-ink: #f8f0dc;
  --evil-muted: #c6bda8;
  --evil-line: rgba(240, 214, 154, 0.28);
}

html,
body {
  background: var(--evil-bg) !important;
  color: var(--evil-ink) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 14% 12%, rgba(126, 36, 40, 0.26), transparent 34rem),
    radial-gradient(circle at 86% 18%, rgba(201, 169, 117, 0.15), transparent 26rem),
    linear-gradient(180deg, #080b0a 0%, #0d1311 52%, #050706 100%);
}

a {
  color: var(--evil-gold-2);
}

a:hover {
  color: #fff4ca !important;
}

.fixed-top {
  background: rgba(8, 11, 10, 0.95) !important;
  border-bottom: 1px solid var(--evil-line);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(10px);
}

.navbar-default .navbar-nav .nav-link,
.nav-link,
.dropdown-item {
  color: var(--evil-ink) !important;
}

.navbar-default .navbar-nav .nav-link:hover,
.dropdown-item:hover {
  color: var(--evil-gold-2) !important;
}

.dropdown-menu {
  background: #101513 !important;
  border: 1px solid var(--evil-line) !important;
  box-shadow: 0 24px 45px rgba(0, 0, 0, 0.55);
}

.navbar-toggler .icon-bar {
  background-color: var(--evil-gold-2) !important;
}

.container.mt-6.mb-6 {
  margin-top: 2rem !important;
  padding: 2rem 1rem;
}

.container.mt-6.mb-6 img[alt*="ballerinas"] {
  border-radius: 8px;
  border: 1px solid var(--evil-line);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.45);
  filter: saturate(0.88) contrast(1.08) brightness(0.78);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
.lead {
  color: var(--evil-ink) !important;
}

.gold-font,
.search_links_number {
  color: var(--evil-gold-2) !important;
}

.search-box {
  background: linear-gradient(135deg, #111917, #1a2420) !important;
  border: 1px solid var(--evil-line);
  color: var(--evil-ink) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.44);
}

.search-box:hover {
  border-color: rgba(240, 214, 154, 0.58);
  transform: translateY(-2px) scale(1.02);
}

.search-box-text,
.search-box-text span {
  color: var(--evil-ink) !important;
}

.search-box-arrow {
  color: var(--evil-gold-2) !important;
  font-weight: 700;
}

[style*="background-color:#00320f"],
[style*="background-color:#00320F"],
[style*="background-color: #00320F"],
[style*="background-color: #00320f"] {
  background:
    linear-gradient(135deg, rgba(0, 50, 15, 0.96), rgba(126, 36, 40, 0.78)) !important;
  border-top: 1px solid var(--evil-line);
  border-bottom: 1px solid var(--evil-line);
}

[style*="background-color:#F3F3F3"],
[style*="background-color: #F3F3F3"],
[style*="background-color:#FFFFFF"],
[style*="background-color: #FFFFFF"],
.bg-white,
.card,
.modal-content,
.jumbotron,
.footer,
.list-group-item {
  background-color: var(--evil-panel) !important;
  color: var(--evil-ink) !important;
  border-color: var(--evil-line) !important;
}

.border,
.rounded-bottom,
.modal-header,
.modal-footer {
  border-color: var(--evil-line) !important;
}

.btn-primary,
.btn-custom {
  background-color: var(--evil-gold) !important;
  border-color: var(--evil-gold) !important;
  color: #08100b !important;
  box-shadow: 0 10px 25px rgba(201, 169, 117, 0.18);
}

.btn-primary:hover,
.btn-custom:hover {
  background-color: var(--evil-gold-2) !important;
  border-color: var(--evil-gold-2) !important;
  color: #08100b !important;
}

.btn-primary-link,
.text-primary,
.green-footer-text,
.list-group-item-link.green-footer-text {
  color: var(--evil-gold-2) !important;
}

.slider-previous circle,
.slider-next circle {
  fill: #0f1714 !important;
  stroke: var(--evil-line);
}

.engage-col a {
  background: var(--evil-panel-2);
  border: 1px solid var(--evil-line);
  border-radius: 8px;
  min-height: 5.5rem;
  padding: 1rem 1.25rem;
  box-shadow: 0 15px 34px rgba(0, 0, 0, 0.32);
}

.engage-col img,
.footer img[src*="bootstrap-icons"] {
  filter: invert(1) sepia(0.35) saturate(1.5) hue-rotate(345deg) brightness(1.1);
}

#tools-resources .fas,
.fa-check-circle {
  color: var(--evil-gold-2) !important;
}

#logo_img,
#logo_img_bottom_banner,
.footer #logo_img {
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.45));
}

.modal-backdrop {
  background-color: #020303 !important;
}

input,
select,
textarea {
  background: #0f1614 !important;
  color: var(--evil-ink) !important;
  border-color: var(--evil-line) !important;
}

::selection {
  background: var(--evil-red);
  color: #fff;
}

@media (max-width: 991.98px) {
  .container.mt-6.mb-6 {
    padding-top: 1rem;
  }

  .search-box {
    min-height: 6.4rem;
    padding-right: 2.8rem;
  }

  .search-box-text {
    max-width: calc(100% - 3.5rem);
  }
}
