:root {
  --dnd-gold: #c9a84c;
  --dnd-gold-bright: #e8c96a;
  --dnd-blood: #8b1a1a;
  --dnd-dark: #0d0b09;
  --dnd-surface: #13120f;
  --dnd-card: #1a1816;
  --dnd-border: #2d2a26;
  --dnd-text: #e8e0d0;
  --dnd-muted: #a79b87;
}
body {
  background-color: var(--dnd-dark);
  color: var(--dnd-text);
  font-family: system-ui, -apple-system, sans-serif;
  min-height: 100vh;
}
.navbar {
  background: var(--dnd-surface) !important;
  border-bottom: 1px solid var(--dnd-border);
}
.navbar-brand {
  color: var(--dnd-gold) !important;
  font-family: Georgia, serif;
  font-size: 1.3rem;
  letter-spacing: .04em;
}
.navbar-brand span { color: var(--dnd-text); font-size: .75em; opacity: .6; }
.nav-link { color: var(--dnd-muted) !important; }
.nav-link:hover, .nav-link.active { color: var(--dnd-gold) !important; }
.btn-dnd-primary {
  background: var(--dnd-gold);
  border-color: var(--dnd-gold);
  color: #100d07;
  font-weight: 600;
}
.btn-dnd-primary:hover { background: var(--dnd-gold-bright); border-color: var(--dnd-gold-bright); color: #100d07; }
.btn-dnd-outline {
  color: var(--dnd-gold);
  border-color: var(--dnd-gold);
}
.btn-dnd-outline:hover { background: rgba(201,168,76,.1); }
.card { background: var(--dnd-card); border-color: var(--dnd-border); }
.text-gold { color: var(--dnd-gold); }
.badge-live { background: #1a4a1a; color: #6dbb6d; border: 1px solid #2d6a2d; font-size: .7rem; }
.badge-soon { background: #3a2a08; color: var(--dnd-gold); border: 1px solid #5a4010; font-size: .7rem; }
.badge-planned { background: rgba(255,255,255,.05); color: var(--dnd-muted); border: 1px solid var(--dnd-border); font-size: .7rem; }
footer { border-top: 1px solid var(--dnd-border); color: var(--dnd-muted); font-size: .85rem; }