@import "tailwindcss";

@theme {
  --color-feu-green: #008348;
  --color-feu-yellow: #febe10;
  
  --font-sans: "Poppins", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@layer base {
  body {
    @apply font-sans antialiased text-slate-800 bg-[#f8fafc];
  }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 14px;
}

::-webkit-scrollbar-track {
  background: #f8fafc; /* match body bg */
  border-left: 1px solid #e2e8f0;
}

::-webkit-scrollbar-thumb {
  background-color: var(--color-feu-green);
  border-radius: 20px;
  border: 3px solid #f8fafc;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #129658;
}

/* Base utility for scroll animation */
.scroll-animate {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.scroll-animate.is-visible {
  opacity: 1;
  transform: translateY(0);
}