/* Tailwind custom configuration via CSS variables/classes where applicable */

/* Typography */
body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #0A0A0C;
  color: #E2D9C8;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, .font-heading {
  font-family: 'Outfit', sans-serif;
}

.font-serif-lux {
  font-family: 'Playfair Display', Georgia, serif;
}

.gold-gradient-text {
  background: linear-gradient(135deg, #FFF1C5 0%, #D4AF37 50%, #AA8222 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gold-border-gradient {
  border-image: linear-gradient(to right, #D4AF37, #F3E5AB, #947217) 1;
}

/* Custom Utilities */
.custom-scrollbar::-webkit-scrollbar {
  height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #D4AF37;
  border-radius: 9999px;
}

.badge-blur {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}



/* Sembunyikan semua gambar utama terlebih dahulu */
  .custom-slider .slide-content {
    opacity: 0;
    pointer-events: none;
  }

  /* Tampilkan gambar yang sesuai saat radio button terpilih */
  #slide-img-1:checked ~ div .slide-1,
  #slide-img-2:checked ~ div .slide-2,
  #slide-img-3:checked ~ div .slide-3 {
    opacity: 1;
    pointer-events: auto;
  }

  /* Berikan border emas & opacity terang pada thumbnail yang aktif */
  #slide-img-1:checked ~ div .thumb-1,
  #slide-img-2:checked ~ div .thumb-2,
  #slide-img-3:checked ~ div .thumb-3 {
    border-color: #D4AF37;
    opacity: 1;
  }