/* styles.css - TCG Price Watch Custom Styling */

/* General text smoothing and layout */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Custom modal styling */
#setModal {
  backdrop-filter: blur(4px);
  animation: fadeIn 0.2s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Reusable button class */
.btn-primary {
  @apply bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 px-4 rounded-md;
}

/* Reusable card layout */
.card {
  @apply bg-white p-4 rounded-xl shadow hover:shadow-lg;
}

/* Watchlist tile */
.watchlist-tile {
  @apply bg-white p-4 rounded-xl shadow-md text-sm;
}

/* Responsive font tweaks */
h1, h2, h3 {
  @apply font-bold;
}

/* Scroll fix for modal */
body.modal-open {
  overflow: hidden;
}