/* WARDOGS theme — signal orange and cash green over cold Eastern European industrial night.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Saira Stencil One + Saira. */
:root{
  --c1:#e8762b;    /* signal / hazard orange */
  --c1b:#f4a261;   /* sodium-lamp glow */
  --c2:#7fbf5a;    /* cash green — "cash is king" */
  --c3:#7f9cb0;    /* mountain fog steel */
  --bg:#08090b;
  --bg2:#101317;
  --glass:rgba(232,118,43,0.07);
  --glass-brd:rgba(232,118,43,0.22);
  --radius:6px;
  --font-head:'Saira Stencil One',sans-serif;
  --font-body:'Saira',sans-serif;
}
/* industrial night: sodium lamp glow over the valley, cold fog low on the left */
.bg{background:
  radial-gradient(58% 44% at 50% 10%, rgba(232,118,43,.17), transparent 58%),
  radial-gradient(46% 36% at 12% 78%, rgba(127,156,176,.12), transparent 56%),
  radial-gradient(32% 26% at 86% 40%, rgba(127,191,90,.08), transparent 52%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 16% 24%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 64% 14%, var(--c3), transparent 60%),
    radial-gradient(2px 2px at 42% 52%, var(--c1), transparent 60%),
    radial-gradient(1.5px 1.5px at 82% 44%, var(--c2), transparent 60%),
    radial-gradient(2px 2px at 28% 74%, var(--c3), transparent 60%),
    radial-gradient(1.5px 1.5px at 60% 86%, var(--c1b), transparent 60%);
  opacity:.42;animation:emb 11s 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,.74) 100%)}
/* stencil headings like crate markings; card titles stay in the readable body face */
.hero h1,h2.title{font-weight:400;letter-spacing:.03em;text-transform:uppercase}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.22em}
.card h3{text-transform:none;font-family:var(--font-body);font-weight:600}