/* Footer Persistec: black base with layered gold. */
:root {
  --footer-gold-deep: #8a641a;
  --footer-gold-core: #ffd700;
  --footer-gold-light: #ffeb3b;
  --footer-gold-champagne: #fff176;
  --footer-gold-metal: linear-gradient(135deg, #ffd700 0%, #ffeb3b 55%, #fbc02d 100%);
}

footer {
  background: #151515 !important;
}

footer,
footer p,
footer li,
footer a,
footer .text-gray-400,
footer .text-white,
footer .text-gray-500,
footer .text-gray-700 {
  color: var(--footer-gold-light) !important;
}

footer h3,
footer .font-bold {
  background: var(--footer-gold-metal);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  letter-spacing: 0.02em;
}

footer hr,
footer [data-orientation="horizontal"],
footer .bg-gray-700 {
  background: rgba(212, 175, 55, 0.28) !important;
}

footer a {
  color: var(--footer-gold-light) !important;
  text-decoration: none;
  transition: color .2s ease, text-shadow .2s ease;
}

footer a:hover {
  color: var(--footer-gold-champagne) !important;
  text-decoration: underline;
}

footer svg {
  color: var(--footer-gold-light) !important;
  fill: currentColor !important;
}

footer p.text-sm,
footer p.text-gray-400 {
  color: var(--footer-gold-light) !important;
}

footer .bg-gray-900,
footer .text-white,
footer .text-gray-400 {
  background: transparent !important;
  color: var(--footer-gold-light) !important;
}