.p-card {
    @apply flex flex-col rounded-xl
        bg-surface-0 dark:bg-surface-900 
        text-surface-700 dark:text-surface-0
        shadow-[0_1px_3px_0_rgba(0,0,0,0.1),0_1px_2px_-1px_rgba(0,0,0,0.1)]
}

.p-card-caption {
    @apply flex flex-col gap-2
}

.p-card-body {
    @apply p-5 flex flex-col gap-2
}

.p-card-title {
    @apply font-medium text-xl
}

.p-card-subtitle {
    @apply text-surface-500 dark:text-surface-400
}