:root {
  --color-primary: #4a2e2b;
  --color-secondary: #c47c59;
  --color-secondary-dark: #a75f3f;
  --color-secondary-darker: #843f2c;
  --color-background: #fbece7;
  --color-background-light: #f7e9e5;
  --color-background-lighter: #fcefe9;
  --color-background-dark: #f4d7c7;
  --color-white: #ffffff;
  --color-text: #4a2e2b;
  --color-text-light: #6d4c41;
}

html {
  scroll-behavior: smooth;
}

.section-transition {
  transition: all 0.4s ease-in-out;
}

/* Carousel Section  */
.slide-transition {
  transition: opacity 1s ease-in-out;
}

.navigation-dash {
  width: 40px;
  height: 3px;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* Hero Section */
.hero-image img {
  filter: drop-shadow(0 15px 30px rgba(109, 76, 65, 0.2));
}

/* Features Section */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in {
  animation: fadeInUp 0.8s ease forwards;
}

.feature-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 0;
  background-color: var(--color-secondary);
  transition: height 0.3s ease-in-out;
}

.feature-card:hover::before {
  height: 100%;
}

/* Testimonial Section */
.testimonial-dot.active {
  background: var(--color-secondary) !important;
  transform: scale(1.25);
}