/* Pokémon Legends: Z-A theme — Kalos blue, Mega gold, deep urban night.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Nunito + Source Sans 3. */
:root{
  --c1:#1d7fc4;    /* Kalos blue — Mega Energy, Lumiose sky */
  --c1b:#4da6e8;   /* bright blue highlight */
  --c2:#e8a820;    /* Mega gold — evolution sparkle, city lights */
  --c3:#6e3dcf;    /* Mega aura purple */
  --bg:#030814;
  --bg2:#070e20;
  --glass:rgba(29,127,196,0.07);
  --glass-brd:rgba(232,168,32,0.20);
  --radius:14px;
  --font-head:'Nunito',sans-serif;
  --font-body:'Source Sans 3',sans-serif;
}
/* urban night: Kalos blue glow top, Mega purple lower-left, gold spark right */
.bg{background:
  radial-gradient(60% 50% at 50% 5%, rgba(29,127,196,.22), transparent 60%),
  radial-gradient(45% 38% at 8% 78%, rgba(110,61,207,.16), transparent 55%),
  radial-gradient(35% 28% at 90% 28%, rgba(232,168,32,.12), transparent 50%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 14% 18%, var(--c2), transparent 60%),
    radial-gradient(2px 2px at 70% 12%, var(--c1), transparent 60%),
    radial-gradient(1.5px 1.5px at 42% 50%, var(--c3), transparent 60%),
    radial-gradient(2px 2px at 82% 44%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 28% 76%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 60% 86%, var(--c1), transparent 60%);
  opacity:.42;animation:emb 12s ease-in-out infinite alternate}
@keyframes emb{from{transform:translateY(0);opacity:.28}to{transform:translateY(-14px);opacity:.52}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(115% 82% at 50% 0%, transparent 48%, rgba(0,0,0,.78) 100%)}
/* friendly adventure typography */
.hero h1,h2.title{font-weight:800;letter-spacing:.02em}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.16em}
.card h3{text-transform:none;font-family:var(--font-body)}