Buttons & Badges

<!-- Tombol Primer (Brand Dark) -->
<button type="button" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-brand-dark hover:bg-green-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-light transition-colors">
    Simpan Data
</button>

<!-- Tombol Sekunder (Brand Light) -->
<button type="button" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-brand-light hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-light transition-colors">
    Tambah Baru
</button>

<!-- Tombol Outline -->
<button type="button" class="inline-flex items-center px-4 py-2 border border-brand-dark text-sm font-medium rounded-md text-brand-dark bg-transparent hover:bg-green-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-light transition-colors">
    Batal
</button>

<!-- Badge Aktif -->
<span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-brand-dark border border-green-200">
    Aktif
</span>