/* Gold & black theme preview — scoped to the home page only (body.home-gold).
   Nothing here touches base.css/site.css tokens globally, so the dashboard,
   admin console, login and docs pages are unaffected until this is approved
   and promoted. */

body.home-gold {
  --ink:        #ffffff;
  --ink-deep:   #000000;
  --ink-soft:   #e7c766;
  --paper:      #0b0b0b;
  --surface:    #161616;
  --line:       rgba(212, 175, 55, 0.35);
  --line-soft:  rgba(212, 175, 55, 0.16);
  --muted:      #b3b3b3;
  --jade:       #d4af37;
  --jade-deep:  #b8860b;
  --jade-wash:  rgba(212, 175, 55, 0.16);
  --ochre:      #f0c277;
  --ochre-wash: rgba(240, 194, 119, 0.14);
  --clay:       #e5695f;
  --clay-wash:  rgba(229, 105, 95, 0.14);

  background: var(--paper);
}

/* Header ------------------------------------------------------------- */
body.home-gold .masthead {
  background: rgba(11, 11, 11, 0.72);
  border-bottom-color: rgba(212, 175, 55, 0.22);
}
body.home-gold .wordmark .glyph { background: var(--jade); color: #000; }
body.home-gold .masthead nav .btn { color: #000; }

/* Hero ----------------------------------------------------------------- */
body.home-gold .hero {
  background: linear-gradient(160deg, #000000 0%, #0b0b0b 60%, #0b0b0b 100%);
}
body.home-gold .hero::before {
  background: radial-gradient(circle, rgba(212, 175, 55, 0.22), rgba(212, 175, 55, 0) 68%);
}
body.home-gold .demo {
  background: rgba(0, 0, 0, 0.6);
  border-color: rgba(212, 175, 55, 0.22);
  color: #e8e8e8;
}
body.home-gold .demo header span { color: #b3b3b3; }
body.home-gold .demo header strong { color: #fff; }
body.home-gold .demo textarea {
  background: rgba(0, 0, 0, 0.4);
  border-color: rgba(212, 175, 55, 0.22);
  color: #f5f5f5;
}
body.home-gold .demo .readout { border-color: rgba(212, 175, 55, 0.22); }
body.home-gold .demo .readout div { border-left-color: rgba(212, 175, 55, 0.22); }
body.home-gold .demo .readout dt { color: #b3b3b3; }
body.home-gold .demo .note { color: #b3b3b3; }
body.home-gold .seg-block { background: rgba(0, 0, 0, 0.5); border-color: rgba(212, 175, 55, 0.22); }
body.home-gold .seg-more { color: #b3b3b3; }

/* Operator strip --------------------------------------------------------- */
body.home-gold .operators {
  background: linear-gradient(180deg, #0b0b0b 0%, #000000 100%);
  border-top-color: rgba(212, 175, 55, 0.2);
  border-bottom-color: rgba(212, 175, 55, 0.2);
}
body.home-gold .op-badge {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(212, 175, 55, 0.3);
}

/* Sections / bands -------------------------------------------------------- */
body.home-gold #what,
body.home-gold #rates,
body.home-gold #developers {
  background: linear-gradient(160deg, #0b0b0b 0%, #000000 55%);
}
body.home-gold .capabilities > div {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(212, 175, 55, 0.22);
}
body.home-gold .code {
  background: rgba(0, 0, 0, 0.85);
  border-color: rgba(212, 175, 55, 0.2);
  color: #e8e8e8;
}
body.home-gold .code .c { color: #8a8a8a; }
body.home-gold .code .s { color: #f0c277; }
body.home-gold .code .k { color: #d4af37; }

/* Price card -------------------------------------------------------------- */
body.home-gold .price-card {
  background: linear-gradient(135deg, rgba(20, 16, 4, 0.9) 0%, rgba(10, 8, 2, 0.9) 100%);
  border-color: rgba(212, 175, 55, 0.25);
  color: #e8e8e8;
}
body.home-gold .price-card::before {
  background: radial-gradient(circle, rgba(212, 175, 55, 0.3), rgba(212, 175, 55, 0) 70%);
}
body.home-gold .price-card-currency,
body.home-gold .price-card-unit { color: #b3b3b3; }
body.home-gold .price-card-list li::before { color: var(--jade); }

/* Closing CTA + footer ---------------------------------------------------- */
body.home-gold .closer {
  background: linear-gradient(160deg, #0b0b0b 0%, #000000 100%);
  color: #d9d9d9;
}
body.home-gold .closer::before {
  background: radial-gradient(circle, rgba(212, 175, 55, 0.25), rgba(212, 175, 55, 0) 70%);
}
body.home-gold .foot { background: #000000; color: #a3a3a3; }
body.home-gold .foot a { color: #d4af37; }
body.home-gold .foot a:hover { color: #fff; }