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

/* Komponen kecil yang dulunya di-inline CSS: */
.btn { @apply inline-flex items-center justify-center font-semibold text-sm rounded-full px-6 py-2.5 min-w-[7rem] transition-all; }
.btn-primary { @apply bg-indigo-600 text-white hover:bg-indigo-700; }
.btn-secondary { @apply bg-white text-slate-900 hover:bg-slate-100; }
.btn-danger { @apply bg-red-600 text-white hover:bg-red-700; }

/* Dark variants default: */
.dark .btn-secondary { @apply bg-slate-800 text-slate-100 hover:bg-slate-700; }

/* Navbar & layout util sederhana */
.navbar { @apply fixed inset-x-0 top-0 z-50 bg-slate-900; }
.notification-container { @apply fixed inset-x-0 z-40 pt-[4.5rem] pointer-events-none; }
.notification-content { @apply max-w-md mx-auto pointer-events-auto; }

/* Hapus semua ‘.text-white { color: … }’ custom yang mengganggu */