/**
 * Base Styles - Moacir LP
 * Estilos fundamentais e reset customizado
 */

/* ==========================================
   Body & Root Styles
   ========================================== */
body {
  background-color: #030303;
  color: #f3f4f6;
}

/* ==========================================
   Text Outline Effect
   ========================================== */
.text-stroke {
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.05);
  color: transparent;
}

.text-stroke-dark {
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
  color: transparent;
}

/* ==========================================
   Text Stroke Accent (More Visible)
   ========================================== */
@media (min-width: 768px) {
  .md\:text-stroke-accent {
    -webkit-text-stroke: 2px #A4AD66;
  }
}

/* ==========================================
   Próximo Nível Text Effect
   ========================================== */
.proximo-nivel-text {
  text-shadow: 0 0 40px rgba(164, 173, 102, 0.3);
}

@media (min-width: 768px) {
  .proximo-nivel-text {
    text-shadow: 0 0 60px rgba(164, 173, 102, 0.4);
  }
}

/* ==========================================
   Custom Scrollbar
   ========================================== */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #030303;
}

::-webkit-scrollbar-thumb {
  background: #333;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #A4AD66;
}