@use 'palette.tokens';
@use 'spacing.tokens';
@use 'typography.tokens';

$color-background-chip-default: palette.$color-neutral-lightest !default;
$color-background-chip-default-hover: palette.$color-neutral-lighter !default;
$color-background-chip-default-selected: palette.$color-primary-lightest !default;
$color-background-chip-default-disabled: palette.$color-neutral-light !default;

$border-radius-chip: spacing.rhythm(5) !default;

$border-chip: 1px solid transparent !default;
$border-chip-disabled: 1px solid transparent !default;
$border-chip-selected: 1px solid transparent !default;

$font-size-chip: typography.font-size(s) !default;

$padding-chip: spacing.rhythm(0.5) spacing.rhythm(1.5) !default;