/* White + yellow theme. Loads after style.css and overrides its dark colours. */

:root {
  --black: #ffffff;      /* page background */
  --white: #0a0a0a;      /* main text */
  --ink: #ffffff;        /* inputs */
  --panel: #f6f5f0;      /* cards */
  --line: #e2e0d8;
  --grey: #6b6b6b;
  --concrete: #2e2e2e;
  --gold: #f5dc1f;
  --gold-deep: #e3c516;
  --gold-text: #0a0a0a;
}

body::before { opacity: 0.025; filter: invert(1); }

/* Yellow surfaces always carry black text */
.btn, .nav .btn, .pill[aria-pressed="true"], .offer-bar, .offer-tag, .skip,
.tag-play:hover .tag-play__icon, .tag-play.playing .tag-play__icon { color: #0a0a0a; }
.btn--ghost { color: #0a0a0a; border-color: #0a0a0a; }
.btn--ghost:hover { background: #0a0a0a; color: #ffffff; border-color: #0a0a0a; }

/* Yellow text is unreadable on white: use black text with yellow marks instead */
.eyebrow, .gold, .nav a:hover, .nav a[aria-current="page"], .stat b, .price,
.rate-note strong, .gear h3, .kind, .rate-table td:last-child, .step::before,
.faq summary::after, .card li::before, .artists span:hover, .site-footer a:hover,
.stat--offer span { color: var(--gold-text); }

.hero h1 em {
  color: #0a0a0a;
  background: linear-gradient(transparent 58%, var(--gold) 58%, var(--gold) 92%, transparent 92%);
  padding: 0 0.06em;
}
.nav a[aria-current="page"] { box-shadow: inset 0 -2px 0 var(--gold); }
.stat b { box-shadow: inset 0 -0.18em 0 var(--gold); display: inline-block; }
.price { display: inline-block; box-shadow: inset 0 -0.16em 0 var(--gold); }
.kind { background: var(--gold); padding: 2px 6px; border-radius: 3px; }
.step::before { background: var(--gold); padding: 2px 6px; }
.tag-play__icon { color: #0a0a0a; }

/* Header + sticky filters */
.site-header { background: rgba(255, 255, 255, 0.9); }
.filters { background: rgba(255, 255, 255, 0.95); }

/* Logo art is white line work: flip it dark */
.brand img, .hero__crest { filter: invert(1); }
.hero__crest { opacity: 0.06; }

/* Plaques + cards */
.plaque { background: linear-gradient(160deg, #fbfaf4, #f1efe6); }
.card--offer { box-shadow: 0 0 0 1px var(--gold), 0 10px 36px rgba(227, 197, 22, 0.25); }
.artists span { color: #c9c7bf; }
.artists span.hot { color: #0a0a0a; }
.about__mark { background: #0a0a0a; }

/* Footer: solid yellow band */
.site-footer { background: var(--gold); border-top: 0; color: #2e2e2e; }
.site-footer h4, .site-footer a { color: #0a0a0a; }
.site-footer a:hover { color: #0a0a0a; text-decoration: underline; }

/* Award colours darkened so they read on white */
:root { --platinum: #6f7a86; --silver: #8a8f96; --award-gold: #a8860a; }