body {
  font-family: "Space Grotesk", sans-serif;
  background-color: #1a1a1a;
}

.header-title {
  font-family: "IBM Plex Mono", monospace;
}

.text-accent-gold {
  color: #fce38a;
}

.bg-accent-gold {
  background-color: #fce38a;
}

.border-accent-gold {
  border-color: #fce38a;
}

.bg-dark-gray {
  background-color: #2c2c2c;
}

.bg-pattern {
  background-image:
    radial-gradient(
      circle at 10% 20%,
      rgba(212, 175, 55, 0.1),
      transparent 40%
    ),
    radial-gradient(circle at 90% 80%, rgba(122, 0, 255, 0.05), transparent 40%);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.btn-primary {
  background-color: #fce38a;
  color: #1a1a1a;
}

.btn-primary:hover {
  background-color: #ffdd70;
}

.btn-secondary {
  background-color: #3a3a3a;
  color: #fce38a;
  border: 1px solid #fce38a;
}

.btn-secondary:hover {
  background-color: #4a4a4a;
}

.rotate {
  display: inline-block;
  transform: rotate(180deg);
}