@import "tailwindcss";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Lexend:wght@100..900&display=swap');

/* Tailwind v4 container utility customization */
@utility container {
  margin-inline: auto;
  padding-inline: 2rem;
}

/* Custom scrollbar styles */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background-color: #f9fafb;
}

::-webkit-scrollbar-thumb {
  background-color: #d1d5db;
  border-radius: 9999px;
}

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

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Custom utility classes */
.text-balance {
  text-wrap: balance;
}