/* =============================================
   Custom Scrollbars - Dark Theme
   ============================================= */

/* Webkit (Chrome, Edge) - applies to ALL scrollbars including page scroll */
html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
*::-webkit-scrollbar-track {
  background: #111111;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  background: rgba(99, 102, 241, 0.4);
  border-radius: 9999px;
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover {
  background: rgba(99, 102, 241, 0.7);
}
*::-webkit-scrollbar-corner {
  background: #111111;
}

/* Firefox */
html, body, * {
  scrollbar-width: thin;
  scrollbar-color: rgba(99, 102, 241, 0.4) #111111;
}

/* =============================================
   Glow Effects */
.glow {
  box-shadow: 0 0 25px rgba(255, 180, 100, 0.25); /* warm amber glow */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 1rem;
}

.glow:hover {
  transform: scale(1.02);
  box-shadow: 0 0 45px rgba(255, 180, 100, 0.45);
}

/* Text Shadows */
.text-shadow {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}

.hero-shadow {
  text-shadow: 0 0 10px rgba(109, 122, 255, 0.9);
}

/* ?? Navigation Hover Highlight */
nav a:hover {
  color: #818CF8;
  font-weight: 600;
  text-shadow: 0 0 6px #818CF8;
  transition: all 0.2s ease-in-out;
}

/* V Rising Themed Table */
.vrising-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #0a0a12;
  color: #ddd;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  overflow: hidden;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.vrising-table th, .vrising-table td {
  padding: 14px 18px;
  text-align: left;
  border-bottom: 1px solid #1a1a2e;
  transition: background 0.3s, box-shadow 0.3s;
}

.vrising-table th {
  background-color: #101020;
  font-weight: 600;
  color: #81aefc;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

.vrising-table tr:hover {
  background-color: #111827;
  box-shadow: 0 0 25px rgba(129, 174, 252, 0.3);
  transform: scale(1.01);
  transition: all 0.3s ease;
}