@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Playfair+Display:wght@600;700&family=Space+Grotesk:wght@500;700&display=swap');
@import "tailwindcss";

@theme {
  --font-sans: "Poppins", sans-serif;
  --font-serif: "Playfair Display", serif;
  --font-mono: "Space Grotesk", sans-serif;
}

/* Global Styles */
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.header-font { font-family: 'Playfair Display', serif; }
.tech-font { font-family: 'Space Grotesk', sans-serif; }

/* Animation Keyframes */
@keyframes slideInDown {
  from { opacity: 0; transform: translateY(-30px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes slideInUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInScale {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}

.animate-slide-down { animation: slideInDown 0.6s ease-out; }
.animate-slide-up { animation: slideInUp 0.6s ease-out; }
.animate-fade-scale { animation: fadeInScale 0.5s ease-out; }

/* Scrollbar Styling */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #6366f1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #4f46e5; }