@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Custom styles */
body {
  font-family: 'Inter', sans-serif;
}

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

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

::-webkit-scrollbar-track {
  background: hsl(217, 28%, 22%);
}

::-webkit-scrollbar-thumb {
  background: hsl(45, 93%, 56%);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: hsl(45, 93%, 50%);
}

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

/* Ensure icons are properly sized */
[data-lucide] {
  display: inline-block;
  vertical-align: middle;
}

/* Animation for hover effects */
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/* Focus styles for accessibility */
button:focus-visible,
a:focus-visible {
  outline: 2px solid hsl(45, 93%, 56%);
  outline-offset: 2px;
}