:root{
  --gold-ink:#06111d;
  --gold-text:#f2cf68;
  --gold-edge:#f8e4a2;
  --metal-gold:linear-gradient(112deg,#bd8628 0%,#e0bd63 14%,#f4dfa0 25%,#d0a344 38%,#efd47e 52%,#c28d2c 66%,#e6c56b 81%,#f1d992 90%,#bb8122 100%);
  --metal-gold-readable:linear-gradient(108deg,transparent 0 34%,#ffffff42 43%,transparent 52%),repeating-linear-gradient(90deg,#ffffff0d 0 1px,#5030000a 1px 3px),linear-gradient(112deg,#bd8628 0%,#e0bd63 14%,#f4dfa0 25%,#d0a344 38%,#efd47e 52%,#c28d2c 66%,#e6c56b 81%,#f1d992 90%,#bb8122 100%);
}

/* Text-bearing metal uses a controlled luminance range so navy remains readable. */
.tabs button.active,
.view-tabs button.active,
.mode-toggle button.active,
.public-mode-toggle button.active,
.primary-btn,
button.primary,
.review-action.primary,
.rank,
.position,
.seed,
.driver-rank,
.rank-badge,
.champion-chip,
.runner-chip,
.playoff-driver .champion-chip,
.playoff-card .champion-chip,
.playoff-theater-division header em,
.live-tower-head,
.live-pairing-output,
.penalty-pit .winner-penalty-code,
.penalty-max .winner-penalty-code,
.winner-penalty-driver>b,
.winner-persistent,
.winner-level-number{
  color:var(--gold-ink);
  -webkit-text-fill-color:var(--gold-ink);
  text-shadow:0 1px 0 #fff8d170;
  background:var(--metal-gold-readable);
  background-size:220% 100%,6px 100%,100% 100%;
  border-color:#f3d98fb8;
  box-shadow:inset 0 1px #fff9d69c,inset 0 -2px #5d390038,0 8px 22px #0005;
}

.tabs button.active:before,
.live-pairing-output span,
.live-pairing-output small,
.live-pairing-output strong,
.winner-persistent,
.winner-penalty-code,
.winner-level-number{
  color:var(--gold-ink);
  -webkit-text-fill-color:var(--gold-ink);
  text-shadow:0 1px 0 #fff8d170;
}

thead th,
.table-header{
  color:var(--gold-ink);
  -webkit-text-fill-color:var(--gold-ink);
  text-shadow:0 1px 0 #fff8d17a;
  background:var(--metal-gold-readable);
  background-size:240% 100%,6px 100%,100% 100%;
  border-bottom-color:#f0d581c7;
  box-shadow:inset 0 1px #fff9d6ad,inset 0 -2px #67400047;
}

.theater-round .playoff-win-badge{
  color:var(--gold-ink);
  -webkit-text-fill-color:var(--gold-ink);
  text-shadow:0 1px 0 #fff8d170;
  background:var(--metal-gold-readable);
  background-size:200% 100%,6px 100%,100% 100%;
  border-color:#f3dc9ccc;
}

/* Small metallic text becomes solid gold for clean reading at dashboard sizes. */
.topbar .eyebrow,
.eyebrow,
.section-label,
.panel-label,
.metric-label,
.playoff-card-header .eyebrow,
.theater-hero span,
.playoff-theater-hero span,
.champions-copy span,
.broadcast-kicker,
.broadcast-panel header span,
.broadcast-division-card header span,
.broadcast-race-control header span,
.playoff-card h3,
.theater-round h4,
.playoff-theater-hero .broadcast-kicker,
.playoff-theater-metrics span,
.season-status strong,
.tabs:before{
  color:var(--gold-text);
  -webkit-text-fill-color:var(--gold-text);
  background:none;
  background-clip:border-box;
  text-shadow:0 1px 0 #000,0 0 14px #d8a22935;
}

/* Celebration-scale type keeps a restrained, readable metallic finish. */
.champions-celebration h3,
.champions-copy h3{
  color:transparent;
  -webkit-text-fill-color:transparent;
  background:linear-gradient(180deg,#fff4bd 0%,#e4bd5b 34%,#bd8426 55%,#f1d78b 76%,#d19b36 100%);
  background-size:100% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 2px 0 #251500) drop-shadow(0 0 12px #d8a22935);
}

@media (width<=720px){
  thead th{background-size:160% 100%,6px 100%,100% 100%}
  .tabs button.active,.rank,.position,.seed,.rank-badge{background-size:170% 100%,6px 100%,100% 100%}
}
