@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
  @font-face {
    font-family: 'Geist Sans';
    src: url('/fonts/GeistSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
  }
}

:root {
  --background: #ffffff;
  --foreground: #171717;
  --primary:    #9c0a16; 
}

body {
  background-color: var(--background);
  color:            var(--foreground);
  font-family: var(--font-geist-sans), sans-serif;
}

@keyframes fade-in {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
  animation: fade-in 0.8s ease-out forwards;
}
.delay-200 {
  animation-delay: 0.2s;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}