.p-tag {
    @apply inline-flex items-center justify-center
        bg-primary-100 dark:bg-primary-500/15
        text-primary-700 dark:text-primary-300
        text-sm font-bold py-1 px-2 rounded-md gap-1
}

.p-tag-icon {
    @apply text-xs w-3 h-3
}

.p-tag-rounded {
    @apply rounded-2xl
}

.p-tag-success {
    @apply bg-green-100 dark:bg-green-500/15 text-green-700 dark:text-green-300
}

.p-tag-info {
    @apply bg-sky-100 dark:bg-sky-500/15 text-sky-700 dark:text-sky-300
}

.p-tag-warn {
    @apply bg-orange-100 dark:bg-orange-500/15 text-orange-700 dark:text-orange-300
}

.p-tag-danger {
    @apply bg-red-100 dark:bg-red-500/15 text-red-700 dark:text-red-300
}

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

.p-tag-contrast {
    @apply bg-surface-950 dark:bg-surface-0 text-surface-0 dark:text-surface-950
}