/* Battlefield 6 theme — steel blue operations, signal orange flares, near-black tactical dark.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Barlow Condensed + Barlow. */
:root{
  --c1:#1d6eb5;    /* Battlefield steel blue */
  --c1b:#4a9de0;   /* bright blue highlight */
  --c2:#e0610a;    /* signal orange / flare */
  --c3:#3ebfaa;    /* status teal */
  --bg:#050810;
  --bg2:#080d1c;
  --glass:rgba(29,110,181,0.08);
  --glass-brd:rgba(29,110,181,0.24);
  --radius:8px;
  --font-head:'Barlow Condensed',sans-serif;
  --font-body:'Barlow',sans-serif;
}
/* combat ops: blue spotlight over dark navy, orange flare shimmer at edge */
.bg{background:
  radial-gradient(60% 45% at 50% 10%, rgba(29,110,181,.22), transparent 60%),
  radial-gradient(45% 38% at 10% 75%, rgba(62,191,170,.10), transparent 55%),
  radial-gradient(35% 28% at 88% 30%, rgba(224,97,10,.12), transparent 50%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 20% 18%, var(--c1b), transparent 60%),
    radial-gradient(2px 2px at 70% 12%, var(--c2),  transparent 60%),
    radial-gradient(1.5px 1.5px at 42% 52%, var(--c3), transparent 60%),
    radial-gradient(2px 2px at 82% 44%, var(--c1),  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(--c1b), transparent 60%);
  opacity:.42;animation:emb 10s 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,.76) 100%)}
/* military-grade condensed headings, wide tracking on labels */
.hero h1,h2.title{font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.22em}
.card h3{text-transform:none;font-family:var(--font-body)}