/* WoW: Forever theme — old-world Azeroth gold over a Skyborne azure sky.
   Fonts: Cinzel (headings) + Alegreya (body). */
:root{
  --c1:#4aa3df;    /* Skyborne sky azure */
  --c1b:#8fcaf0;
  --c2:#e0b04a;    /* classic Azeroth gold */
  --c3:#1a2a44;    /* twilight navy */
  --bg:#05080e;
  --bg2:#0b1220;
  --glass:rgba(74,163,223,0.07);
  --glass-brd:rgba(224,176,74,0.24);
  --radius:8px;
  --font-head:'Cinzel',serif;
  --font-body:'Alegreya',serif;
}
/* High-altitude night: azure glow above, drifting motes below */
.bg{background:
  radial-gradient(60% 46% at 50% 4%, color-mix(in srgb,var(--c1) 26%,transparent), transparent 62%),
  radial-gradient(40% 30% at 18% 92%, color-mix(in srgb,var(--c2) 12%,transparent), transparent 70%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 20% 30%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 66% 20%, var(--c2), transparent 60%),
    radial-gradient(2px 2px at 42% 58%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 86% 48%, var(--c1), transparent 60%),
    radial-gradient(2px 2px at 14% 78%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 56% 88%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 94% 70%, var(--c1), transparent 60%);
  opacity:.4;animation:mote 16s ease-in-out infinite alternate}
@keyframes mote{from{transform:translateY(0);opacity:.24}to{transform:translateY(-18px);opacity:.5}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 50% 0%, transparent 52%, rgba(0,0,0,.7) 100%)}
/* Carved-stone capitals for headings, readable serif for card titles */
.hero h1,h2.title{font-weight:700;letter-spacing:.03em}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.20em}
.card h3{text-transform:none}