/* ===================== DARK GOLD ===================== */
:root{
  --black:#050505;
  --dark:#0b0b0b;
  --dark2:#121212;
  --panel:#0f0f0f;

  --text:#ffffff;
  --muted:rgba(255,255,255,.65);

  --gold:#f2d27a;        /* soft gold */
  --gold2:#d9b24c;       /* deep gold */
  --gold3:#b88b1f;       /* darker gold */
  --glow:rgba(242,210,122,.45);

  --border:rgba(242,210,122,.22);
}

/* header / nav */
header,nav,.navbar,.x-header{
  background:linear-gradient(180deg,#151515,#050505)!important;
  border-bottom:1px solid var(--border)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.7)!important;
}

/* buttons */
button,.btn,a.btn,input[type=button],input[type=submit]{
  background:linear-gradient(135deg,var(--gold2),var(--gold))!important;
  color:#080808!important;
  font-weight:900!important;
  border-radius:14px!important;
  box-shadow:0 0 18px var(--glow)!important;
}
button:hover,.btn:hover{
  background:linear-gradient(135deg,var(--gold),#fff2bf)!important;
}

/* cards */
.card,.panel,.box{
  background:linear-gradient(180deg,#141414,#0b0b0b)!important;
  border:1px solid var(--border)!important;
  box-shadow:0 0 26px rgba(242,210,122,.10)!important;
}

/* links */
a{ color:var(--gold)!important; }
a:hover{ color:#fff2bf!important; }