@use 'color-vars' as *;

// Default tag background color
$tag--background-default:                              $gray-80;

// Primary tag background color
// TODO: remove the fix after updating the branding feature with the new shades of the primary color
// $tag--background-primary:                              $brand-80;
// $tag--color-primary:                                   $brand-20;
$tag--background-primary:                              var(--brand-primary, var(--c8y-brand-primary));
$tag--color-primary:                                   $palette-high;

// Success tag background color
$tag--background-success:                              $status-success-light;
$tag--color-success:                                   $status-success-dark;

// Info tag background color
$tag--background-info:                                 $status-info-light;
$tag--color-info:                                      $status-info-dark;

// Warning tag background color
$tag--background-warning:                              $status-warning-light;
$tag--color-warning:                                   $status-warning-dark;

// Danger tag background color
$tag--background-danger:                               $status-danger-light;
$tag--color-danger:                                    $status-danger-dark;

// Default tag text color
$tag--color-light:                                     $palette-high;

// Default tag text color
$tag--color-dark:                                      $text-color;

// Default text color of a linked tag
$tag--link-hover-color:                                $palette-high;