/* ==========================================================
   HumanitZ Theme — Zombie Survival
   Decay green, blood red, ash grey, hazard orange
   ========================================================== */

:root {
  --bg:       #0a0f08;
  --bg-card:  #182818;
  --bg-hover: #203820;
  --text:     #c8d4b8;
  --muted:    #7a9060;
  --border:   #3a6030;
  --accent:   #7aad2e;
  --accent2:  #e8a020;
  --link:     #a8c860;

  --hz-green:  #7aad2e;
  --hz-red:    #c83030;
  --hz-ash:    #808070;
  --hz-orange: #d06020;
  --hz-dark:   #050a04;

  --radius:    6px;
  --shadow:    0 4px 20px rgba(0,0,0,.6);
  --shadow-lg: 0 8px 40px rgba(0,0,0,.8);

  --font-h:    'Rajdhani', sans-serif;
  --font-body: 'Exo 2', sans-serif;
  --font-mono: 'Share Tech Mono', monospace;
}

/* ── Background: decayed wasteland ─────────────────────── */
body {
  background-color: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
}

/* ── Scoped overrides ───────────────────────────────────── */
body.theme-humanitz h1,
body.theme-humanitz h2,
body.theme-humanitz h3 {
  font-family: var(--font-h);
  color: var(--hz-green);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

body.theme-humanitz .site-header {
  border-bottom-color: var(--hz-green);
}

body.theme-humanitz .page-header__eyebrow {
  color: var(--hz-green);
}

body.theme-humanitz a {
  color: var(--link);
}

body.theme-humanitz a:hover {
  color: var(--hz-orange);
}

/* ── Game info panel ───────────────────────────────────── */
body.theme-humanitz .game-info-panel {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-top: 3px solid var(--hz-green);
  box-shadow: var(--shadow);
}

body.theme-humanitz .game-info-panel__title {
  color: var(--accent2);
}

body.theme-humanitz .game-info-panel__table th {
  color: var(--hz-green);
}

body.theme-humanitz .game-info-panel__links .btn {
  border-color: var(--hz-green);
  color: var(--hz-green);
}

/* ── Cards ──────────────────────────────────────────────── */
body.theme-humanitz .card {
  background-color: var(--bg-card);
  border: 1px solid var(--border);
}

body.theme-humanitz .card:hover {
  background-color: var(--bg-hover);
  border-color: var(--hz-green);
}