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

/* helpers (optional) */
/* Your custom overrides can go under a layer if needed
@layer utilities {
  /* example:
  .card-media { aspect-ratio: 4 / 5; }
}
*/
.card {
    @apply rounded-2xl border border-slate-200 bg-white shadow-sm;
}

.btn {
    @apply inline-flex items-center justify-center rounded-xl px-4 py-2 font-medium;
}

.btn-primary {
    @apply btn bg-sky-600 text-white hover:bg-sky-700;
}
.card {
    @apply rounded-2xl border border-slate-200 bg-white shadow-sm dark:bg-slate-800 dark:border-slate-700;
}

.btn {
    @apply inline-flex items-center justify-center rounded-xl px-4 py-2 font-medium bg-slate-200 hover:bg-slate-300 dark:bg-slate-700 dark:hover:bg-slate-600;
}

.btn-primary {
    @apply btn bg-sky-600 text-white hover:bg-sky-700;
}