@import "mixin/badge.pcss";

.monster-badge-primary {
    @mixin badge;
    color: var(--monster-color-primary-4);
    background-color: var(--monster-bg-color-primary-4);
}

.monster-badge-primary-pill {
    @mixin badge;
    @mixin pill;
    color: var(--monster-color-primary-4);
    background-color: var(--monster-bg-color-primary-4);
}

.monster-badge-secondary {
    @mixin badge;
    background-color: var(--monster-bg-color-secondary-3);
    color: var(--monster-color-secondary-3);
}

.monster-badge-secondary-pill {
    @mixin badge;
    @mixin pill;
    background-color: var(--monster-bg-color-secondary-3);
    color: var(--monster-color-secondary-3);
}

.monster-badge-tertiary {
    @mixin badge;
    background-color: var(--monster-bg-color-tertiary-3);
    color: var(--monster-color-tertiary-3);
}

.monster-badge-tertiary-pill {
    @mixin badge;
    @mixin pill;
    background-color: var(--monster-bg-color-tertiary-3);
    color: var(--monster-color-tertiary-3);
}

.monster-badge-destructive {
    @mixin badge;
    background-color: var(--monster-bg-color-destructive-1);
    color: var(--monster-color-destructive-1);
}

.monster-badge-destructive-pill {
    @mixin badge;
    @mixin pill;
    background-color: var(--monster-bg-color-destructive-1);
    color: var(--monster-color-destructive-1);
}

.monster-badge-success {
    @mixin badge;
    background-color: var(--monster-bg-color-success-1);
    color: var(--monster-color-success-1);
}

.monster-badge-success-pill {
    @mixin badge;
    @mixin pill;
    background-color: var(--monster-bg-color-success-1);
    color: var(--monster-color-success-1);
}

.monster-badge-warning {
    @mixin badge;
    background-color: var(--monster-bg-color-warning-1);
    color: var(--monster-color-warning-1);
}

.monster-badge-warning-pill {
    @mixin badge;
    @mixin pill;
    background-color: var(--monster-bg-color-warning-1);
    color: var(--monster-color-warning-1);
}

.monster-badge-error {
    @mixin badge;
    background-color: var(--monster-bg-color-error-1);
    color: var(--monster-color-error-1);
}

.monster-badge-error-pill {
    @mixin badge;
    @mixin pill;
    background-color: var(--monster-bg-color-error-1);
    color: var(--monster-color-error-1);
}