/* ======================================================
   RagnaVerse Theme — Visual Overlay (AsgardCP compatível)
   ====================================================== */

/* Fonte global */
body, h1, h2, h3, h4, h5, h6, .navbar, .nav-link, .btn, footer, a, p, small {
  font-family: 'Orbitron', sans-serif !important;
  letter-spacing: 0.5px;
}

/* Fundo e texto base */
body {
  background-color: #0a0a12 !important;
  color: #ededed !important;
}

/* Navbar */
.navbar {
  background: linear-gradient(90deg, rgba(10,10,18,0.95) 0%, rgba(30,10,50,0.95) 100%) !important;
  border-bottom: 2px solid #00bfff !important;
  box-shadow: 0 0 15px rgba(0,191,255,0.3);
}
.navbar-brand img {
  height: 58px !important;
  filter: drop-shadow(0 0 6px #00bfff);
}
.navbar-nav .nav-link {
  color: #ededed !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  transition: 0.3s !important;
}
.navbar-nav .nav-link:hover {
  color: #00bfff !important;
  text-shadow: 0 0 8px #00bfff;
}

/* Botões */
.btn,
.btn-primary {
  background: linear-gradient(90deg, #5865f2, #7d3cff) !important;
  border: none !important;
  color: white !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  transition: all 0.3s !important;
}
.btn:hover,
.btn-primary:hover {
  filter: brightness(1.2);
  box-shadow: 0 0 10px #7d3cff;
}

/* Cards, boxes, tabelas */
.card, .panel, .box {
  background-color: rgba(20,10,35,0.8) !important;
  border: 1px solid rgba(125,60,255,0.4) !important;
  box-shadow: 0 0 10px rgba(0,191,255,0.15);
  color: #ededed !important;
}

/* Rodapé */
footer {
  background: rgba(20,10,35,0.85) !important;
  border-top: 2px solid #7d3cff !important;
  color: #ededed !important;
  text-transform: uppercase;
}
footer img {
  filter: drop-shadow(0 0 6px #7d3cff);
}
footer a {
  color: #00bfff !important;
  text-decoration: none;
  transition: 0.3s;
}
footer a:hover {
  text-shadow: 0 0 6px #00bfff;
}

/* Títulos */
h1, h2, h3 {
  color: #00bfff !important;
  text-shadow: 0 0 8px #00bfff;
  font-weight: 700 !important;
}
