:root {
    --primary-dark: #1c2327;
    --primary-light: #ffffff;
    --accent-color: #e6b795;
    --text-color: #ffffff;
    
    --font-heading: 'Playfair Display', serif;
    --font-body: 'Montserrat', sans-serif;
    
    --nav-height: 80px;
    --container-width: 1400px;
    
    --transition-slow: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    --transition-medium: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    --transition-fast: 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
a {
  color: inherit; 
  text-decoration: none; 
  cursor: pointer;
}

a:visited {
  color: inherit;
}

a:hover {
  color: inherit;
}

a:active {
  color: inherit;
}

  body{
    margin: 0;
    padding: 0;
	  background-color: white !important;

  }

  html{
    margin: 0;
    margin-top: 0 !important;
    padding: 0;
  }

.fade-in, .slide-up, .slide-left, .slide-right, .stagger-item {
    visibility: hidden;
  }
  
  .fade-on-scroll {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease;
  }
  
  .fade-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
  }
  
  .parallax-bg {
    will-change: transform;
  }
  
  body.no-scroll {
    overflow: hidden;
    height: 100vh;
  }
  
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  
  @keyframes slideUp {
    from {
      opacity: 0;
      transform: translateY(50px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
@keyframes slideInLeft {
    from {
      opacity: 0;
      transform: translateX(-50px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  @keyframes slideInRight {
    from {
      opacity: 0;
      transform: translateX(50px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  @keyframes zoomIn {
    from {
      opacity: 0;
      transform: scale(0.9);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  
  @keyframes floatAnimation {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-15px);
    }
    100% {
      transform: translateY(0);
    }
  }
  
  .animate-fade {
    animation: fadeIn var(--transition-medium) forwards;
  }
  
  .animate-slide-up {
    animation: slideUp var(--transition-medium) forwards;
  }
  
  .animate-slide-left {
    animation: slideInLeft var(--transition-medium) forwards;
  }
  
  .animate-slide-right {
    animation: slideInRight var(--transition-medium) forwards;
  }
  
  .animate-zoom {
    animation: zoomIn var(--transition-medium) forwards;
  }
  
  .animate-float {
    animation: floatAnimation 4s ease-in-out infinite;
  }
  
  .navbar-hidden {
    transform: translateY(-100%);
    transition: transform var(--transition-medium);
  }
  
  .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; }
  .delay-600 { animation-delay: 0.6s; }
  
  .img-hover-zoom {
    overflow: hidden;
  }
  
  .img-hover-zoom img {
    transition: transform var(--transition-medium);
  }
  
  .img-hover-zoom:hover img {
    transform: scale(1.05);
  }
  
  .page-transition {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-dark);
    z-index: 9999;
    transform: translateY(100%);
    transition: transform var(--transition-slow);
  }
  
  .page-transition.active {
    transform: translateY(0);
  }
  
  .page-transition.exit {
    transform: translateY(-100%);
  }
  
  .page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-dark);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
  }
  
  .loader-logo {
    animation: pulseAnimation 1.5s infinite ease-in-out;
  }
  
  @keyframes pulseAnimation {
    0% {
      opacity: 0.5;
      transform: scale(0.95);
    }
    50% {
      opacity: 1;
      transform: scale(1.05);
    }
    100% {
      opacity: 0.5;
      transform: scale(0.95);
    }
  }