@font-face {
    font-family: 'Hello Paris Sans';
    src: url('/asset_2026/font/Hello Paris-Font/Hello Paris Sans Regular.ttf') format('truetype');
}

.font-hello-paris {
    font-family: 'Hello Paris Sans', sans-serif;
}

.banner{
    background-image: url(../media/1.png) !important;
}

.bg-brown-700 {
    --tw-bg-opacity: 1;
    background-color: #341723d2;
}

.navbar-fixed{
    position: fixed;
    z-index: 100;
    background-color: #341723d2;
    background-image: url('/asset_2026/background/background utama.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    backdrop-filter: blur(5px);
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.2);
}

.bg-brown-800 {
    --tw-bg-opacity: 1;
    background-color: #32162292;
}

.bg-cream-500 {
    --tw-bg-opacity: 1;
    background-color: #81646E;
}
.text-cream-500 {
    --tw-bg-opacity: 1;
    color: #fedfd2;
}
.text-brown-500 {
    --tw-bg-opacity: 1;
    color: #341723;
}

.hover\:bg-cream-600:hover {
    --tw-bg-opacity: 1;
    background-color: #563952;
    
  }

  .text-shadow-white {
    text-shadow: 2px 2px  rgb(255, 245, 212);
  }

.bg-background {
    background: linear-gradient(145deg, #341723 0%, #81646E 55%, #341723 100%);
}

/* CTA section: gradasi kiri–tengah–kanan */
.bg-cta-gradient {
    background: linear-gradient(to right, #341723, #563952, #81646E);
}

.bg-gold-500 {
    --tw-bg-opacity: 1;
    background-color: #56395200;
}

.bg-gold-600 {
    --tw-bg-opacity: 1;
    background-color: #81646E;
}

.border-gold-500 {
    --tw-border-opacity: 1;
    border-color: #563952;
}

.text-gold-500 {
    --tw-text-opacity: 1;
    color: #81646E;
}

.hover\:bg-gold-500:hover {
    --tw-bg-opacity: 1;
    background-color: #563952;
}

.hover\:bg-gold-600:hover {
    --tw-bg-opacity: 1;
    background-color: #81646E;
}

.hover\:shadow-gold-500:hover {
    --tw-shadow-color: #563952;
    --tw-shadow: 0 0 24px rgba(86, 57, 82, 0.7);
}

/* Hover semua tombol: gradasi dengan animasi slow */
.bg-gold-500,
.bg-gold-600,
.bg-cream-500 {
    background-image: linear-gradient(to right, #341723, #563952, #81646E);
    background-size: 320% 100%;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    /* Override Tailwind `transition duration-*` utilities */
    transition-property: background-position, transform !important;
    transition-duration: 3000ms, 300ms !important;
    transition-timing-function: ease, ease !important;
}

a.bg-gold-500:hover,
a.bg-gold-600:hover,
a.bg-cream-500:hover,
button.bg-gold-500:hover,
button.bg-gold-600:hover,
button.bg-cream-500:hover,
.bg-gold-500:hover,
.bg-gold-600:hover,
.bg-cream-500:hover,
.hover\:bg-gold-500:hover,
.hover\:bg-gold-600:hover,
.hover\:bg-cream-600:hover {
    background-position: 100% 50%;
}

/* Semua tombol gold: teks putih (termasuk hover) */
.bg-gold-500,
.bg-gold-600 {
    color: #fff !important;
}
a.bg-gold-500:hover,
a.bg-gold-600:hover,
button.bg-gold-500:hover,
button.bg-gold-600:hover,
.hover\:bg-gold-500:hover,
.hover\:bg-gold-600:hover {
    color: #fff !important;
}