:root {
  --beige: #DCCBBA;
  --green: #77835F;
  --dark-green: #3A4630;
  --light-beige: #F5F0EB;
  --brown: #A68A64;
}
.bg-beige { background-color: var(--beige); }
.bg-green { background-color: var(--green); }
.bg-light-beige { background-color: var(--light-beige); }
.bg-dark-green { background-color: var(--dark-green); }
.bg-brown { background-color: var(--brown); }
.text-beige { color: var(--beige); }
.text-green { color: var(--green); }
.text-dark-green { color: var(--dark-green); }
.text-light-beige { color: var(--light-beige); }
.text-brown { color: var(--brown); }

@font-face {
	font-family: 'Enchants';
	src: url('/assets/fonts/Enchants.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
  
@font-face {
	font-family: 'RobotoFlex';
	src: url('/assets/fonts/RobotoFlex.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
.font-enchants {
	font-family: 'Enchants', sans-serif;
}  
.font-roboto-flex {
	font-family: 'RobotoFlex', sans-serif;
}
.gradient-bg {
	background: linear-gradient(135deg, #fef7f7, #fbcfe8, #fde68a);
}
.glass-card {
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	background: #fffc;
	border: 1px solid rgba(255,255,255,.3);
	box-shadow: 0 25px 50px -12px #000000;
}
.hover-glow {
	transition: all .3s ease;
}
.hover-glow:hover {
	transform: translateY(-5px);
	box-shadow: 0 25px 50px -12px #DCCBBA;
}
.text-shimmer {
	background: linear-gradient(135deg, var(--beige), var(--brown), var(--light-beige));
	background-size: 200% 200%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	animation: shimmer 3s ease-in-out infinite;
}
@keyframes shimmer {
	0%, 100% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
}
.floating {
	animation: float 6s ease-in-out infinite;
}
@keyframes float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-20px); }
}
.section-padding {
	padding: 2rem 1rem;
}
.container-custom {
	margin-left: auto;
	margin-right: auto;
	max-width: 80rem;
}
.menu-transition {
transition: opacity 0.3s ease, transform 0.3s cubic-bezier(.4,0,.2,1);
}
.menu-enter {
opacity: 0;
transform: translateY(-20px);
pointer-events: none;
}
.menu-enter-active {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.menu-leave {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.menu-leave-active {
opacity: 0;
transform: translateY(-20px);
pointer-events: none;
}
.bg-waves {
  position: fixed;
  top: -60px;
  left: 0;
  right: 0;
  bottom: -60px;

  z-index: -10;
  pointer-events: none;

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;

background-image: url("/assets/images/bg.svg");

}