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

/* Custom styles */
.weather-card {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.1);
}

.dark .weather-card {
  background-color: rgb(30 41 55 / var(--tw-bg-opacity, 1));
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
  box-shadow: 0 20px 25px -5px rgba(0,0,0,0.3), 0 10px 10px -5px rgba(0,0,0,0.3);
}