.p-badge {
    @apply inline-flex items-center justify-center rounded-md
        py-0 px-2 text-xs font-bold min-w-6 h-6
        bg-primary text-primary-contrast
}

.p-badge-dot {
    @apply min-w-2 h-2 rounded-full p-0
}

.p-badge-circle {
    @apply p-0 rounded-full
}

.p-badge-secondary {
    @apply bg-surface-100 dark:bg-surface-800 text-surface-600 dark:text-surface-300
}

.p-badge-success {
    @apply bg-green-500 dark:bg-green-400 text-white dark:text-green-950
}

.p-badge-info {
    @apply bg-sky-500 dark:bg-sky-400 text-white dark:text-sky-950
}

.p-badge-warn {
    @apply bg-orange-500 dark:bg-orange-400 text-white dark:text-orange-950
}

.p-badge-danger {
    @apply bg-red-500 dark:bg-red-400 text-white dark:text-red-950
}

.p-badge-contrast {
    @apply bg-surface-950 dark:bg-white text-white dark:text-surface-950
}

.p-badge-sm {
    @apply text-[0.625rem] min-w-5 h-5
}

.p-badge-lg {
    @apply text-sm min-w-7 h-7
}

.p-badge-xl {
    @apply text-base min-w-8 h-8
}