@import "tailwindcss";


/* primary: #8C8737
seconday: #A65E44
accent: #D99E89 */

@theme {
  --color-mint-500: oklch(0.72 0.11 178);
  --color-olive: #8C8737;
  --color-accent: #D99E89;
  --color-secondary: #A65E44;

  
}

/* PARALLAX & ANIMATIONS */
.parallax-bg {
  will-change: transform;
}

.fade-in-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in-scroll.fade-visible {
  opacity: 1;
  transform: translateY(0);
}

.slide-in-scroll {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.slide-in-scroll.slide-visible {
  opacity: 1;
  transform: translateX(0);
}

.slide-in-scroll.slide-right {
  transform: translateX(50px);
}

.float-element {
  transition: transform 0.3s ease-out;
}

/* Enhanced hover effects for parallax */
.parallax-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.parallax-card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.parallax-gallery-item {
  transition: transform 0.4s ease, filter 0.4s ease;
}

.parallax-gallery-item:hover {
  transform: scale(1.05) rotate(1deg);
  filter: brightness(1.1);
}

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Custom animations */
@keyframes gentleFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-20px); }
}

@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 5px rgba(217, 158, 137, 0.3); }
  50% { box-shadow: 0 0 20px rgba(217, 158, 137, 0.6); }
}

.gentle-float {
  animation: gentleFloat 6s ease-in-out infinite;
}

.pulse-glow {
  animation: pulseGlow 3s ease-in-out infinite;
}

/* Staggered animations */
.stagger-1 { animation-delay: 0.1s; }
.stagger-2 { animation-delay: 0.2s; }
.stagger-3 { animation-delay: 0.3s; }
.stagger-4 { animation-delay: 0.4s; }

/* FONT STYLES */

.ms-madi-regular {
  font-family: "Ms Madi", cursive;
  font-weight: 500;
  font-style: normal;

  /* color: #A65E44; */
}

.alex-brush-regular {
  font-family: "Alex Brush", cursive;
  font-weight: 400;
  font-style: normal;

  /* color: #A65E44 ; */
}

/* .maintitle {
  font-size: 8rem;
} */

/* .invite-code-label {
  font-size: 1.2rem;
} */

.glass-antiqua-regular {
  font-family: "Glass Antiqua", cursive;
  font-weight: 400;
  font-style: normal;
}



/* BACKGROUNDS */

.whitebackground {
    background-color: #FFFFFF;
}
.lightbackground {
    background-color: #e9efe9;
}



.date-divider {
  /* font-size: 20px; */
  display: flex;
  align-items: center;
  /* font-size: 2rem; */
}

.date-divider::before, .date-divider::after {
  flex: 1;
  content: '';
  padding: 1px;
  /* background-color: #D99E89; */
  background-color: #8C8737 ;
  margin: 10px;
}

.landingpage-right {
  background-image: url("../img/flowerbackgroundbanner.png");
  background-size: 130% auto;   /* fills the div, cropping if necessary */
  background-position: bottom; /* centers the image */
  background-repeat: no-repeat;
}

/* invite code submit */

/* HOMEPAGE */