:root {
  --gemfin-emerald: #046C4E;
  --gemfin-emerald-rgb: 4, 108, 78;
  --gemfin-ruby: #B11226;
  --gemfin-onyx: #1A1A1A;
  --gemfin-silver: #C0C0C0;
  --gemfin-diamond: #FFFFFF;
  --gemfin-sapphire: #0F52BA;
  --gemfin-gold: #D4AF37;
  --gemfin-purple: #2E003E;
}

body {
  font-family: 'Segoe UI', sans-serif;
  background-color: var(--gemfin-onyx);
  color: var(--gemfin-diamond);
}

.text-gold {
  color: var(--gemfin-gold) !important;
}

.text-silver {
  color: var(--gemfin-silver) !important;
}

.text-diamond {
  color: var(--gemfin-diamond) !important;
}

.bg-onyx {
  background-color: var(--gemfin-onyx) !important;
}

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

.bg-purple {
  background-color: var(--gemfin-purple) !important;
}

.btn-ruby {
  background-color: var(--gemfin-ruby);
  color: var(--gemfin-diamond);
  border: none;
}

.btn-ruby:hover {
  background-color: #92101f;
  color: var(--gemfin-diamond);
}

.btn-gold {
  background-color: var(--gemfin-gold);
  color: var(--gemfin-onyx);
  border: none;
}

.btn-gold:hover {
  background-color: #b8902f;
  color: var(--gemfin-onyx);
}

a {
  color: var(--gemfin-sapphire);
  text-decoration: none;
}

a:hover {
  color: var(--gemfin-diamond);
  text-decoration: underline;
}

input::placeholder {
  color: #aaa;
}

input, .form-control {
  background-color: #2a2a2a;
  border: 1px solid #444;
  color: var(--gemfin-diamond);
}