.text-brown-dark {
  color: var(--brown-dark);
}

.text-brown-medium {
  color: var(--brown-medium);
}

.text-emerald {
  color: var(--emerald);
}

.bg-emerald {
  background-color: var(--emerald);
}

.bg-emerald-light {
  background-color: rgba(18, 113, 81, 0.12);
}

.bg-gold {
  background-color: var(--gold);
}

.bg-gold-light {
  background-color: rgba(212, 175, 55, 0.15);
}

.bg-danger-light {
  background-color: rgba(220, 53, 69, 0.12);
}

.bg-blue-light {
  background-color: rgba(13, 110, 253, 0.12);
}

code {
  background-color: #f8f9fa;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.8rem;
  color: var(--brown-dark);
}