/* INNRED home — complements Tailwind utility classes */
body {
  font-family: "Inter", sans-serif;
}

h1,
h2,
h3,
.font-serif {
  font-family: "Playfair Display", serif;
}

.bg-hero {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("../images/img_13.png");
  background-size: cover;
  background-position: center;
}

.carousel-container {
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.carousel-container::-webkit-scrollbar {
  display: none;
}

.text-gold {
  color: var(--gold);
}

.bg-gold {
  background-color: var(--gold);
}

.border-gold {
  border-color: var(--gold);
}

.hover-bg-gold:hover {
  background-color: var(--gold-hover);
}

/* Newsletter input — focus ring (Tailwind theme does not define `gold`) */
.newsletter-input:focus {
  outline: none;
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.25);
}

/* Tailwind CDN has no `gold` palette — mirror common utilities */
.bg-gold\/5 {
  background-color: rgba(212, 175, 55, 0.05);
}

.border-gold\/20 {
  border-color: rgba(212, 175, 55, 0.2);
}

.bg-gold\/10 {
  background-color: rgba(212, 175, 55, 0.1);
}

.hover\:text-gold:hover {
  color: var(--gold);
}

.group:hover .group-hover\:text-gold {
  color: var(--gold);
}

.group:hover .group-hover\:bg-gold\/10 {
  background-color: rgba(212, 175, 55, 0.1);
}