:root {
  --elite-bg: #080808;
  --elite-surface: #121212;
  --elite-surface-2: #191919;
  --elite-gold: #DCA52F;
  --elite-gold-light: #F1C66A;
  --elite-border: #262626;
  --elite-text: #E5E5E5;
  --elite-text-dim: #9A9A9A;
}

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

#__next,
.dark {
  background-color: var(--elite-bg) !important;
}

.service-group-name,
.group-name {
  color: var(--elite-gold) !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.service-card,
.bookmark-card {
  background-color: var(--elite-surface) !important;
  border: 1px solid var(--elite-border) !important;
  border-radius: 12px !important;
}

.service-card:hover,
.bookmark-card:hover {
  background-color: var(--elite-surface-2) !important;
  border-color: var(--elite-gold) !important;
}

.service-name,
.bookmark-name {
  color: var(--elite-gold-light) !important;
}

.service-description,
.bookmark-description {
  color: var(--elite-text-dim) !important;
}

a {
  color: var(--elite-gold) !important;
}

h1,
h2,
h3 {
  color: var(--elite-gold) !important;
}