/* Gold Glossy Effect — additive override only */
:root{--gold-gloss-1:#fff4a3;--gold-gloss-2:#ffd84a;--gold-gloss-3:#d4a017;--gold-gloss-4:#fff0a0;--gold-gloss-5:#b8860b}
/* Apply only to existing gold/yellow UI surfaces and text without removing legacy CSS. */
[style*="#d4af37"],[style*="#D4AF37"],[style*="#ffd700"],[style*="#FFD700"],[style*="#ffcc00"],[style*="#FFCC00"],
.gold,.golden,.gold-color,.text-gold,.bg-gold,.btn-gold,.button-gold,.gold-btn,.gold-button{
  background-image:linear-gradient(135deg,var(--gold-gloss-5) 0%,var(--gold-gloss-3) 22%,var(--gold-gloss-1) 38%,var(--gold-gloss-2) 50%,var(--gold-gloss-3) 72%,var(--gold-gloss-5) 100%) !important;
  background-size:220% 220% !important;
  animation:goldGlossSweep 3.2s ease-in-out infinite !important;
  text-shadow:0 1px 0 rgba(255,255,255,.45),0 1px 4px rgba(0,0,0,.65) !important;
}
.gold,.golden,.gold-color,.text-gold{background-color:transparent !important;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent !important;color:transparent !important}
@keyframes goldGlossSweep{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
/* Gloss highlight for gold buttons/badges */
.btn-gold,.button-gold,.gold-btn,.gold-button,.bg-gold{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(90,55,0,.35),0 0 10px rgba(255,215,70,.28) !important;
  border-color:#e6bd3c !important;
}