:root{
  --gold:#d4af37;
  --gold-600:#c7a02f;
  --gold-400:#e6c358;
  --onyx:#0b0b0b;
}
/* Tailwind is loaded via CDN. This file is for a couple tiny non-utility tweaks. */
.bg-grid{
  background-image: url('../assets/pattern.svg');
  background-size: 40px 40px;
}
.text-gradient{
  background: linear-gradient(90deg, var(--gold-400), var(--gold), var(--gold-600));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.gold-glow{
  box-shadow: 0 0 0 1px rgba(212,175,55,.15), 0 10px 30px rgba(212,175,55,.15);
}
a:focus, button:focus, input:focus, textarea:focus, select:focus{
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}