@use 'color-vars';

$badge-background-default:                          color-vars.$gray-80;
$badge-background-success:                          color-vars.$status-success-light;
$badge-background-warning:                          color-vars.$status-warning-light;
$badge-background-danger:                           color-vars.$status-danger-light;
$badge-background-info:                             color-vars.$status-info-light;
$badge-background-system:                           color-vars.$status-system;

$badge-color-default:                               color-vars.$text-color;
$badge-color-success:                               color-vars.$status-success-dark;
$badge-color-warning:                               color-vars.$status-warning-dark;
$badge-color-danger:                                color-vars.$status-danger-dark;
$badge-color-info:                                  color-vars.$status-info-dark;
$badge-color-system:                                color-vars.$palette-high;

$badge-border-radius:                               var(--c8y-badge-border-radius);
$badge-padding:                                     var(--c8y-badge-padding);

$badge-font-size:                                   var(--c8y-badge-font-size);
$badge-font-weight:                                 var(--c8y-badge-font-weight);
$badge-line-height:                                 var(--c8y-badge-line-height);

$badge-color-focus:                                 color-vars.$palette-high;