:root {
  color-scheme: dark;
}

body,
.bg-dark-bg {
  background-color: #0b0a08;
}

body::before {
  content: '';
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cline x1='0' y1='0' x2='0' y2='240' stroke='%23D4A542' stroke-width='1' opacity='0.05'/%3E%3Cline x1='60' y1='0' x2='60' y2='240' stroke='%23D4A542' stroke-width='1' opacity='0.05'/%3E%3Cline x1='120' y1='0' x2='120' y2='240' stroke='%23D4A542' stroke-width='1' opacity='0.05'/%3E%3Cline x1='180' y1='0' x2='180' y2='240' stroke='%23D4A542' stroke-width='1' opacity='0.05'/%3E%3Cpath d='M120 112 L128 120 L120 128 L112 120 Z' fill='none' stroke='%23D4A542' stroke-width='1' opacity='0.08'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 240px 240px;
}

body::after {
  content: '';
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(60rem 32rem at 50% -10%, rgba(212, 165, 66, 0.05), rgba(11, 10, 8, 0) 62%);
}

@media (prefers-reduced-motion: reduce) {
  .navbar-nav a.active {
    animation: none;
  }
}

.navbar-title {
  background: none;
  color: #f6e9c8;
  -webkit-text-fill-color: currentColor;
}

.navbar-title span {
  display: inline-block;
}

@supports (-webkit-background-clip: text) {
  .navbar-title span {
    background: none;
    -webkit-text-fill-color: #f6e9c8;
  }
}

.navbar-nav a.active {
  box-shadow:
    0 0 14px 2px rgba(212, 165, 66, 0.38),
    0 0 38px 7px rgba(212, 165, 66, 0.18);
  animation: deco-marquee 3.4s ease-in-out infinite;
}

@keyframes deco-marquee {
  0%, 100% {
    box-shadow:
      0 0 14px 2px rgba(212, 165, 66, 0.38),
      0 0 38px 7px rgba(212, 165, 66, 0.18);
  }
  50% {
    box-shadow:
      0 0 20px 3px rgba(212, 165, 66, 0.55),
      0 0 52px 10px rgba(212, 165, 66, 0.28);
  }
}