@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.project-item {
  transition: all 0.3s ease;
}
.project-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1);
}

/* Active filter button */
.active-filter {
  background-color: #b45309 !important;
  color: white !important;
  border-color: #b45309 !important;
}