.font-display {
     font-family: "Cormorant Garamond", serif;
}

.font-body {
     font-family: "Montserrat", sans-serif;
}

.gradient-bg {
     background: linear-gradient(135deg, #fdf6f0 0%, #f9ebe0 50%, #f5e6d8 100%);
}

.silk-pattern {
     background-image:
          radial-gradient(ellipse at 20% 30%, rgba(212, 175, 148, 0.15) 0%, transparent 50%),
          radial-gradient(ellipse at 80% 70%, rgba(180, 145, 120, 0.1) 0%, transparent 50%),
          radial-gradient(ellipse at 50% 50%, rgba(220, 190, 165, 0.08) 0%, transparent 70%);
}

.card-glass {
     background: rgba(255, 255, 255, 0.7);
     -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
     border: 1px solid rgba(212, 175, 148, 0.3);
}

.text-shadow {
     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.hover-lift {
     transition:
          transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
          box-shadow 0.4s ease;
}

.hover-lift:hover {
     transform: translateY(-8px);
     box-shadow: 0 20px 40px rgba(180, 145, 120, 0.2);
}

.btn-primary {
     background: linear-gradient(135deg, #c9a07a 0%, #a67c52 100%);
     transition: all 0.3s ease;
}

.btn-primary:hover {
     background: linear-gradient(135deg, #a67c52 0%, #8b6342 100%);
     transform: scale(1.02);
}

.animate-fade-in {
     animation: fadeIn 0.8s ease-out forwards;
}

.animate-slide-up {
     animation: slideUp 0.8s ease-out forwards;
}

@keyframes fadeIn {
     from {
          opacity: 0;
     }

     to {
          opacity: 1;
     }
}

@keyframes slideUp {
     from {
          opacity: 0;
          transform: translateY(30px);
     }

     to {
          opacity: 1;
          transform: translateY(0);
     }
}

.delay-100 {
     animation-delay: 0.1s;
}

.delay-200 {
     animation-delay: 0.2s;
}

.delay-300 {
     animation-delay: 0.3s;
}

.delay-400 {
     animation-delay: 0.4s;
}

.delay-500 {
     animation-delay: 0.5s;
}

body {
     box-sizing: border-box;
}

.decorative-line {
     width: 60px;
     height: 2px;
     background: linear-gradient(90deg, transparent, #c9a07a, transparent);
}

.scroll-smooth {
     scroll-behavior: smooth;
}

.font-display {
     font-family: "Cormorant Garamond", serif;
}
.font-body {
     font-family: "Montserrat", sans-serif;
}

.gradient-bg {
     background: linear-gradient(135deg, #fdf6f0 0%, #f9ebe0 50%, #f5e6d8 100%);
}

.silk-pattern {
     background-image:
          radial-gradient(ellipse at 20% 30%, rgba(212, 175, 148, 0.15) 0%, transparent 50%),
          radial-gradient(ellipse at 80% 70%, rgba(180, 145, 120, 0.1) 0%, transparent 50%),
          radial-gradient(ellipse at 50% 50%, rgba(220, 190, 165, 0.08) 0%, transparent 70%);
}

.card-glass {
     background: rgba(255, 255, 255, 0.7);
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
     border: 1px solid rgba(212, 175, 148, 0.3);
}

.text-shadow {
     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.btn-primary {
     background: linear-gradient(135deg, #c9a07a 0%, #a67c52 100%);
     transition: all 0.3s ease;
}
.btn-primary:hover {
     background: linear-gradient(135deg, #a67c52 0%, #8b6342 100%);
     transform: scale(1.02);
}

.decorative-line {
     width: 60px;
     height: 2px;
     background: linear-gradient(90deg, transparent, #c9a07a, transparent);
}

/* Active Nav Link */
.nav-active {
     color: #b45309; /* amber-700 */
     font-weight: 600;
}
.nav-active::after {
     content: "";
     display: block;
     width: 100%;
     height: 2px;
     background: #c9a07a;
     margin-top: 2px;
}
