/* MedPedicure Academy — custom styles on top of Tailwind */

html { scroll-behavior: smooth; }
body { font-family: "Inter", system-ui, sans-serif; }
.font-serif { font-family: "Playfair Display", Georgia, serif; }

/* Reveal-on-scroll */
[data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
[data-reveal].revealed {
  opacity: 1;
  transform: translateY(0);
}
[data-reveal][data-delay="1"] { transition-delay: 0.1s; }
[data-reveal][data-delay="2"] { transition-delay: 0.2s; }
[data-reveal][data-delay="3"] { transition-delay: 0.3s; }

/* Marquee */
.marquee {
  display: flex;
  gap: 3rem;
  width: max-content;
  animation: marquee 32s linear infinite;
}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* Subtle hero overlay gradient utility */
.hero-overlay {
  background: linear-gradient(105deg, rgba(30,37,72,0.90) 0%, rgba(30,37,72,0.62) 45%, rgba(30,37,72,0.18) 100%);
}

/* Decorative dotted divider */
.dot-divider::before {
  content: "";
  display: inline-block;
  width: 8px; height: 8px;
  border-radius: 9999px;
  background: #15BFD6;
}

/* Nav underline animation */
.nav-link { position: relative; }