/* Valor Mortis theme — Grande Armée blue and brass under a green plague haze.
   Fonts: Playfair Display (headings) + Spectral (body). */
:root{
  --c1:#4a6fa5;    /* Grande Armée uniform blue */
  --c1b:#7d9fd0;
  --c2:#c2a04a;    /* brass epaulette / bayonet gold */
  --c3:#20303f;    /* powder-smoke navy */
  --bg:#06080a;
  --bg2:#0e1216;
  --glass:rgba(74,111,165,0.07);
  --glass-brd:rgba(194,160,74,0.22);
  --radius:8px;
  --font-head:'Playfair Display',serif;
  --font-body:'Spectral',serif;
}
/* Battlefield night: powder smoke above, sickly plague bloom below */
.bg{background:
  radial-gradient(55% 44% at 50% 6%, color-mix(in srgb,var(--c1) 25%,transparent), transparent 60%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 22% 32%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 68% 22%, var(--c2), transparent 60%),
    radial-gradient(2px 2px at 44% 56%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 84% 50%, var(--c1), transparent 60%),
    radial-gradient(2px 2px at 16% 76%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 58% 86%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 92% 68%, var(--c1), transparent 60%);
  opacity:.4;animation:spr 14s ease-in-out infinite alternate}
@keyframes spr{from{transform:translateY(0);opacity:.24}to{transform:translateY(-16px);opacity:.48}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 50% 0%, transparent 52%, rgba(0,0,0,.7) 100%)}
/* Engraved-plate headings: 19th-century printing, not fantasy caps */
.hero h1,h2.title{font-weight:600;letter-spacing:.02em;text-transform:none}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.20em}
.card h3{text-transform:none}