/* ================= TYPOGRAPHY ================= */

body {
  font-family: "Inter", sans-serif;
  overflow-x: hidden;
  box-sizing: border-box;
  scroll-behavior: smooth;
  background-color: #ffffff;
  color: #27272a; /* zinc-800 */
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #1f2937; /* darker zinc for headings */
  letter-spacing: -0.3px;
}

p,
li,
a,
span,
label {
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

/* ================= HERO SWIPER ================= */

.heroSwiper .swiper-pagination-bullet {
  background: #d4d4d8; /* zinc-300 */
  opacity: 0.6;
}

.heroSwiper .swiper-pagination-bullet-active {
  background: #eab308; /* yellow-500 */
  opacity: 1;
}

/* ================= CUSTOM SCROLLBAR ================= */

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #eab308 #f4f4f5; /* yellow thumb, zinc track */
}

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f4f4f5; /* zinc-100 */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #eab308; /* yellow-500 */
  border-radius: 10px;
  border: 2px solid #f4f4f5;
}

::-webkit-scrollbar-thumb:hover {
  background: #ca8a04; /* yellow-600 */
}

.marquee {
  animation: scrollMarquee 25s linear infinite;
}

@keyframes scrollMarquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}