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

/* TOMBOL PRIMER WARNA HIJAU */
.btn-primary {
    @apply bg-green-600 text-white font-semibold rounded-lg shadow-md transition
           hover:bg-green-700 active:bg-green-800;
}
/* TOMBOL PRIMER WARNA BIRU CERAH */
.btn-primary {
    @apply bg-blue-600 text-white font-semibold rounded-lg shadow-md transition
           hover:bg-blue-700 active:bg-blue-800;
}
/* =========================================
   FIX TOMBOL TAMBAH KEGIATAN TERLALU PUCAT
   ========================================= */
.btn-primary {
    @apply bg-blue-600 text-white font-semibold rounded-lg shadow-md transition
           hover:bg-blue-700 active:bg-blue-800;
}

.btn-primary-outline {
    @apply bg-blue-50 text-blue-700 font-semibold border border-blue-200 rounded-lg
           hover:bg-blue-100 hover:text-blue-800;
}

/* Tambahan spacing tombol agar tidak terlalu mepet konten */
.action-button {
    @apply my-3 block;
}