/* Naraka: Bladepoint theme — wuxia blood and ancient gold: deep crimson, amber, jade, near-black void.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Cinzel + Exo 2. */
:root{
  --c1:#c9253a;    /* blood crimson */
  --c1b:#e8445a;   /* bright crimson highlight */
  --c2:#c8920a;    /* ancient amber gold */
  --c3:#1a9e82;    /* jade green accent */
  --bg:#060910;
  --bg2:#0d1018;
  --glass:rgba(201,37,58,0.07);
  --glass-brd:rgba(200,146,10,0.22);
  --radius:14px;
  --font-head:'Cinzel',serif;
  --font-body:'Exo 2',sans-serif;
}
/* wuxia battlefield: crimson sky over a dark arena, gold ember sparks drifting upward */
.bg{background:
  radial-gradient(60% 50% at 50% 10%, rgba(201,37,58,.20), transparent 65%),
  radial-gradient(40% 35% at 10% 70%, rgba(200,146,10,.10), transparent 55%),
  radial-gradient(35% 28% at 88% 40%, rgba(26,158,130,.08), transparent 50%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 18% 22%, var(--c2), transparent 60%),
    radial-gradient(2px 2px at 68% 16%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 44% 58%, var(--c3), transparent 60%),
    radial-gradient(2px 2px at 80% 42%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 30% 78%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 58% 84%, var(--c3), transparent 60%);
  opacity:.42;animation:emb 11s ease-in-out infinite alternate}
@keyframes emb{from{transform:translateY(0);opacity:.28}to{transform:translateY(-22px);opacity:.56}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 50% 0%, transparent 50%, rgba(0,0,0,.72) 100%)}
/* cinzel gives a classical-epic feel; tight but not compressed */
.hero h1,h2.title{font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.20em}
.card h3{text-transform:none;font-family:var(--font-body)}