:root {
  /* Background Colors */
  --bg-primary-dark: #191A19;
  --bg-secondary: #1E5128;
  --bg-primary-light: #4E9F3D;
  --bg-secondary-light: #D8E9A8;

  /* Text Colors */
  --text-dark: #191A19;
  --text-green: #1E5128;
  --text-light-green: #4E9F3D;
  --text-light: #D8E9A8;

  /* Fonts */
  --font-primary: "Montserrat", sans-serif;
  --font-secondary: "Josefin Sans", sans-serif;
}

/* Desktop Navbar */
.navbar-main {
  font-family: var(--font-secondary);
  background-color: var(--bg-primary-dark);
  z-index: 999;
  width: 100%;
}

.navbar-main .nav-link {
  color: var(--text-light);
  font-size: 18px;
  transition: 0.3s ease;
}

.navbar-main .nav-link:hover {
  color: darkgreen !important; /* or use var(--text-light-green) */
  font-weight: 600;
  transform: translateY(-2px);
}

/* Enquire Button */
.enquire-btn {
  width: 20%;
  background-color: var(--bg-primary-light);
  color: var(--text-dark);
  transition: 0.3s ease;
}
.enquire-btn:hover {
  background-color: var(--bg-secondary-light);
  transform: scaleX(1.1);
}

/* Bottom Brush Effect */
nav.navbar.validnavs.inc-shape::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 100px;
  background: url(/assets/images/brush-down.png) no-repeat bottom/contain;
  z-index: -1;
  filter: drop-shadow(0px 25px 20px rgba(0, 0, 0, 0.45));
}

/* Mobile Offcanvas */
.offcanvas-navbar-mobile .offcanvas-body {
  background-color: var(--bg-secondary) !important;
}
.offcanvas-navbar-mobile .nav-link {
  color: var(--text-light) !important;
}
.offcanvas-navbar-mobile .nav-link.active {
  color: darkgreen !important;
  font-weight: 600;
}
.offcanvas-navbar-mobile .nav-item {
  border-bottom: 1px solid #99f791;
  padding-bottom: 15px;
}
.nav-active-link{
  color: var(--text-light) !important;
}