/*
|
| Soft Badge
|
*/
$badge-color-list: (
    "badge-soft-success" $success $soft-success,
    "badge-soft-info" $info $soft-info,
    "badge-soft-primary" $primary $soft-primary,
    "badge-soft-warning" $warning $soft-warning,
    "badge-soft-danger" $danger $soft-danger,
    "badge-soft-light" $light $soft-light,
    "badge-soft-main" var(--main-color) var(--soft-main-color)
);

@each $class-name, $color, $bg in $badge-color-list {
    .#{$class-name} {
        background-color: $bg;
        color: $color;
    }
}

.badge-main {
    background-color: var(--background);
}
