/* Hades 2 theme — lunar gold, underworld indigo, witch teal.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Cinzel + EB Garamond. */
:root{
  --c1:#c9922e;    /* lunar gold */
  --c1b:#e8b84a;   /* bright gold highlight */
  --c2:#7261d1;    /* underworld indigo */
  --c3:#2ed8b3;    /* witch teal */
  --bg:#04030e;
  --bg2:#09071a;
  --glass:rgba(201,146,46,0.07);
  --glass-brd:rgba(114,97,209,0.22);
  --radius:14px;
  --font-head:'Cinzel',serif;
  --font-body:'EB Garamond',serif;
}
/* nocturnal depths: gold crown above, indigo flanking, teal sparks */
.bg{background:
  radial-gradient(60% 45% at 50% 5%, rgba(201,146,46,.20), transparent 58%),
  radial-gradient(45% 38% at 10% 72%, rgba(114,97,209,.18), transparent 55%),
  radial-gradient(38% 30% at 88% 32%, rgba(46,216,179,.10), transparent 50%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 18% 20%, var(--c1), transparent 60%),
    radial-gradient(2px 2px at 65% 13%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 38% 50%, var(--c3), transparent 60%),
    radial-gradient(2px 2px at 82% 38%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 28% 74%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 56% 80%, var(--c3), transparent 60%),
    radial-gradient(1px 1px at 44% 28%, var(--c1), transparent 55%),
    radial-gradient(1px 1px at 74% 65%, var(--c2), transparent 55%);
  opacity:.42;animation:emb 12s ease-in-out infinite alternate}
@keyframes emb{from{transform:translateY(0);opacity:.28}to{transform:translateY(-20px);opacity:.55}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 50% 0%, transparent 48%, rgba(0,0,0,.76) 100%)}
/* mythological elegance: Cinzel headers, spaced small-cap labels */
.hero h1,h2.title{font-weight:700;letter-spacing:.04em}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.20em}
.card h3{text-transform:none}