/* ─────────────────────────────────────────────────────────────────────────────
   asecuritygeek.com — "Red / Black / White" theme override
   Loaded AFTER style.css when this theme is active. It redefines the CSS
   variables and the few hard-coded gradient backgrounds so the whole site
   recolors to match the A Geek Leader red/black/white brand.
   To tweak the red, change --accent / --accent-2 below.
   ───────────────────────────────────────────────────────────────────────────── */

:root {
  --bg:        #0a0a0a;   /* near-black */
  --bg-2:      #111111;
  --surface:   #181818;
  --surface-2: #202020;
  --border:    #333333;
  --text:      #f5f5f5;
  --muted:     #b4b4b4;
  --faint:     #808080;
  --accent:    #e11d2a;   /* podcast red */
  --accent-2:  #ff5a63;   /* lighter red for links/secondary accent */
  --accent-ink:#ffffff;   /* text on red buttons */
  --danger:    #ff6b6b;
  --warn:      #f5a623;
  --ok:        #3ecf8e;
}

/* Header bar tint (style.css hard-codes the slate rgba) */
.site-header { background: rgba(10, 10, 10, .85); }

/* Hero + CTA glows were teal in style.css — recolor to red */
.hero {
  background:
    radial-gradient(900px 400px at 80% -10%, rgba(225, 29, 42, .16), transparent),
    radial-gradient(700px 400px at 0% 0%, rgba(225, 29, 42, .07), transparent),
    var(--bg-2);
}
.cta-band {
  background:
    radial-gradient(700px 300px at 50% 0%, rgba(225, 29, 42, .14), transparent),
    var(--bg-2);
}
.feature .aside {
  background:
    linear-gradient(160deg, rgba(225, 29, 42, .20), rgba(225, 29, 42, .06)),
    var(--bg-2);
}
.inline-cap {
  background:
    linear-gradient(160deg, rgba(225, 29, 42, .13), rgba(225, 29, 42, .05)),
    var(--surface);
}

/* Logo mark + primary button hover read better with a slightly brighter red */
.btn-primary:hover { background: #f23440; }