@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: #f5f5f5;
    --foreground: #111111;
    --primary: #111111;
    --primary-foreground: #ffffff;
    --secondary: #e5e5e5;
    --secondary-foreground: #111111;
    --accent-gold: #c8a165;
    --leather-brown: #5c3b28;
  }
  
  .dark {
    --background: #111111;
    --foreground: #f5f5f5;
    --primary: #ffffff;
    --primary-foreground: #111111;
    --secondary: #1a1a1a;
    --secondary-foreground: #f5f5f5;
    --accent-gold: #c8a165;
    --leather-brown: #5c3b28;
  }
}

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
  
  .glass {
    background-color: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
  }
  
  .dark .glass {
    background-color: rgba(17, 17, 17, 0.3);
    border-color: rgba(255, 255, 255, 0.05);
  }
}

html.lenis {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

.hero-slide {
  opacity: 0;
  animation: hero-crossfade 15s infinite;
}
.hero-slide:nth-child(1) { animation-delay: 0s; }
.hero-slide:nth-child(2) { animation-delay: 5s; }
.hero-slide:nth-child(3) { animation-delay: 10s; }

@keyframes hero-crossfade {
  0% { opacity: 1; }
  20% { opacity: 1; }
  33.33% { opacity: 0; }
  86.66% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
    animation: fadeIn 0.8s ease-out;
}