/* Kingdom Come: Deliverance 2 theme — Bohemian crimson, manuscript gold, forge-black.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Cinzel + Lora. */
:root{
  --c1:#8c1c1c;    /* Bohemian crimson */
  --c1b:#b84040;   /* brightened crimson */
  --c2:#b8860b;    /* manuscript gold */
  --c3:#4a6b8a;    /* Vltava steel */
  --bg:#07050a;
  --bg2:#0e0a0e;
  --glass:rgba(140,28,28,0.09);
  --glass-brd:rgba(184,134,11,0.22);
  --radius:12px;
  --font-head:'Cinzel',serif;
  --font-body:'Lora',serif;
}
/* forge embers and parchment glow over a near-black ground */
.bg{background:
  radial-gradient(60% 45% at 50% 5%, rgba(140,28,28,.22), transparent 62%),
  radial-gradient(45% 38% at 8% 78%, rgba(74,107,138,.14), transparent 55%),
  radial-gradient(36% 28% at 90% 30%, rgba(184,134,11,.14), transparent 50%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 16% 20%, var(--c2), transparent 60%),
    radial-gradient(2px 2px at 72% 14%, var(--c1), transparent 60%),
    radial-gradient(1.5px 1.5px at 38% 52%, var(--c3), transparent 60%),
    radial-gradient(2px 2px at 84% 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 58% 82%, var(--c1), transparent 60%);
  opacity:.40;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(110% 80% at 50% 0%, transparent 48%, rgba(0,0,0,.78) 100%)}
/* chronicle elegance: Cinzel headers, Lora body */
.hero h1,h2.title{font-weight:700;letter-spacing:.06em}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.18em;font-family:var(--font-head)}
.card h3{text-transform:none;font-family:var(--font-body)}