/* Delta Force theme — military gold, tactical green, danger red over near-black ops terrain.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Russo One + Exo 2. */
:root{
  --c1:#c49a1e;    /* military gold / brass */
  --c1b:#e3c04a;   /* bright tactical amber */
  --c2:#3b8b46;    /* tactical olive green */
  --c3:#d44d20;    /* danger red-orange */
  --bg:#080b08;
  --bg2:#0d120b;
  --glass:rgba(196,154,30,0.07);
  --glass-brd:rgba(196,154,30,0.22);
  --radius:8px;
  --font-head:'Russo One',sans-serif;
  --font-body:'Exo 2',sans-serif;
}
/* military ops: gold spotlight over dark terrain, green scan-line shimmer */
.bg{background:
  radial-gradient(60% 45% at 50% 12%, rgba(196,154,30,.18), transparent 58%),
  radial-gradient(45% 38% at 14% 72%, rgba(59,139,70,.12), transparent 55%),
  radial-gradient(35% 28% at 84% 35%, rgba(212,77,32,.10), transparent 50%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 18% 22%, var(--c1b), transparent 60%),
    radial-gradient(2px 2px at 68% 16%, var(--c2),  transparent 60%),
    radial-gradient(1.5px 1.5px at 40% 50%, var(--c3), transparent 60%),
    radial-gradient(2px 2px at 80% 42%, var(--c1),  transparent 60%),
    radial-gradient(1.5px 1.5px at 30% 72%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 58% 84%, var(--c1b), transparent 60%);
  opacity:.45;animation:emb 10s ease-in-out infinite alternate}
@keyframes emb{from{transform:translateY(0);opacity:.30}to{transform:translateY(-16px);opacity:.55}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 50% 0%, transparent 50%, rgba(0,0,0,.72) 100%)}
/* tactical military poster: tight condensed headings, wide tracking on labels */
.hero h1,h2.title{font-weight:400;letter-spacing:.02em;text-transform:uppercase}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.22em}
.card h3{text-transform:none;font-family:var(--font-body)}