/* ===== Base Reset ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Roboto', sans-serif;
  background-color: #000;
  color: #fff;
  overflow-x: hidden;
}

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

::-webkit-scrollbar-track {
  background: #0d0d0d;
}

::-webkit-scrollbar-thumb {
  background: #ef4444; /* red-500 matching nav accent */
  border-radius: 10px;
}

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

/* ===== Selection Color ===== */
::selection {
  background: #ef4444;
  color: #fff;
}

/* ===== Nav active link (optional) ===== */
.nav-links a.active,
#mobileMenu a.active {
  color: #ef4444 !important;
}

/* ===== Utility: fade-in fallback if AOS not loaded ===== */
.aos-init {
  opacity: 1;
}
/* ===== Base Reset ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Roboto', sans-serif;
  background-color: #000;
  color: #fff;
  overflow-x: hidden;
}

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

::-webkit-scrollbar-track {
  background: #0d0d0d;
}

::-webkit-scrollbar-thumb {
  background: #ef4444; /* red-500 matching nav accent */
  border-radius: 10px;
}

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

/* ===== Selection Color ===== */
::selection {
  background: #ef4444;
  color: #fff;
}

/* ===== Nav active link ===== */
.nav-links a.active,
#mobileMenu a.active {
  color: #ef4444 !important;
}

/* ===== Hero / Section spacing helpers ===== */
section {
  scroll-margin-top: 80px; /* so anchor links don't hide under fixed nav */
}

/* ===== Headings polish ===== */
h1, h2, h3 {
  font-weight: 700;
  letter-spacing: 0.3px;
}

/* ===== Paragraph readability ===== */
p {
  line-height: 1.7;
}

/* ===== Fallback if AOS not loaded yet ===== */
.aos-init {
  opacity: 1;
}