@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700;800&display=swap');

/* Shared black navigation bar – deliberately isolated so the home content keeps its own look. */
header {
  min-height: 70px !important;
  height: auto !important;
  padding: 0 clamp(18px, 4vw, 72px) !important;
  background: #050505 !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(235, 148, 67, .28) !important;
  box-shadow: 0 7px 22px rgba(0,0,0,.4) !important;
}
header .logo {
  color: #f5f1e8 !important;
  font-family: 'Roboto Slab', Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-shadow: none !important;
}
header .logo span { color: #ec7923 !important; }
header nav a {
  min-height: 66px !important;
  color: #ded9d2 !important;
  font-family: 'Roboto Slab', Georgia, serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase;
}
header nav a::after { height: 2px !important; background: #ed7923 !important; }
header nav a:hover, header nav a.active, header nav a[style*="cfa85c"] {
  color: #fff !important;
  background: rgba(237,121,35,.08) !important;
}
header .header-right .discord-btn {
  color: #22140b !important;
  background: linear-gradient(135deg, #eeb36d, #be702d) !important;
  border: 1px solid #dfa35c !important;
  border-bottom: 3px solid #6c3213 !important;
  border-radius: 0 !important;
  font-family: 'Roboto Slab', Georgia, serif !important;
  box-shadow: 2px 3px 0 rgba(0,0,0,.24) !important;
}
header .header-right .discord-btn[title] {
  color: #f5dfb6 !important;
  background: #482315 !important;
  border-color: #9d6233 !important;
  border-bottom-color: #1d0d05 !important;
}

@media (max-width: 850px) {
  header { min-height: 83px !important; padding: 10px 12px 12px !important; }
  header nav a { min-height: 30px !important; color: #e5cfa4 !important; }
}