/* Base styles handled in layout via <style> tag */
/* Additional theme overrides can go here */

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #080808; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #555; }

/* Focus states */
:focus-visible {
  outline: 2px solid #CAFF00;
  outline-offset: 3px;
}

/* Smooth fade-in for sections on scroll */
.section-fade {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.section-fade.visible {
  opacity: 1;
  transform: translateY(0);
}