/* Enshrouded theme — warm Flame gold pushing back a rose-violet Shroud over mossy ruins.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Marcellus SC + Alegreya Sans. */
:root{
  --c1:#f0b54a;    /* flame gold — the Flame Altar */
  --c1b:#ffe0a3;   /* ember glow */
  --c2:#d07aa8;    /* shroud rose */
  --c3:#7fa08a;    /* embervale moss */
  --bg:#0b090d;
  --bg2:#141018;
  --glass:rgba(240,181,74,0.07);
  --glass-brd:rgba(240,181,74,0.22);
  --radius:8px;
  --font-head:'Marcellus SC',serif;
  --font-body:'Alegreya Sans',sans-serif;
}
/* flame light at the top, shroud mist pooling low on both sides */
.bg{background:
  radial-gradient(56% 42% at 50% 8%, rgba(240,181,74,.17), transparent 58%),
  radial-gradient(48% 38% at 10% 82%, rgba(208,122,168,.14), transparent 58%),
  radial-gradient(40% 32% at 90% 70%, rgba(150,80,160,.11), transparent 56%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 18% 26%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 62% 16%, var(--c2), transparent 60%),
    radial-gradient(2px 2px at 44% 54%, var(--c1), transparent 60%),
    radial-gradient(1.5px 1.5px at 80% 42%, var(--c2), transparent 60%),
    radial-gradient(2px 2px at 26% 76%, var(--c3), transparent 60%),
    radial-gradient(1.5px 1.5px at 66% 84%, var(--c1b), transparent 60%);
  opacity:.42;animation:emb 12s ease-in-out infinite alternate}
@keyframes emb{from{transform:translateY(0);opacity:.28}to{transform:translateY(-16px);opacity:.52}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 50% 0%, transparent 50%, rgba(0,0,0,.74) 100%)}
.hero h1,h2.title{font-weight:400;letter-spacing:.02em}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.2em}
.card h3{font-family:var(--font-body);font-weight:700}