:root{
  --bg:#070A0F;
  --panel:rgba(12,14,20,.55);
  --stroke:rgba(255,255,255,.10);
  --stroke2:rgba(255,255,255,.06);
  --text:#EDEDED;
  --muted:#9AA4B2;
  --gold:#C8A257;
  --gold2:#E0C277;
}

body{ background:var(--bg); color:var(--text); }
.gold{ color:var(--gold); }
.muted{ color:var(--muted); }

.panel{
  background:var(--panel);
  border:1px solid var(--stroke);
  box-shadow: 0 14px 40px rgba(0,0,0,.40);
  backdrop-filter: blur(14px);
}
.panel-soft{
  background: rgba(255,255,255,.025);
  border:1px solid var(--stroke2);
}
/* ===== Premium gold tuning ===== */
:root{
  --gold:#C8A257;
  --gold2:#E0C277;
  --gold3:#B98D3F;
}

.panel-soft{
  background: rgba(255,255,255,.02);
  border:1px solid rgba(200,162,87,.12); /* dorado sutil */
}

/* Inputs premium (nada de blanco feo) */
.input{
  background: rgba(12,14,20,.55) !important;
  border: 1px solid rgba(200,162,87,.18) !important;
  color: rgba(255,255,255,.88) !important;
}
.input::placeholder{
  color: rgba(255,255,255,.35) !important;
}
.input:focus{
  border-color: rgba(200,162,87,.55) !important;
  box-shadow: 0 0 0 4px rgba(200,162,87,.12) !important;
}

/* Table header + hover más “oro” */
table thead{
  color: rgba(200,162,87,.70) !important;
}
tbody tr:hover{
  background: rgba(200,162,87,.06) !important;
}

/* Chips/badges más elegantes */
.badge-gold{
  border: 1px solid rgba(200,162,87,.30);
  background: rgba(200,162,87,.10);
  color: rgba(224,194,119,.95);
}