@import '../../Style/variable';

// Tag
$tag-padding: 0 var(--padding-base);
$tag-margin: var(--padding-base);
$tag-text-color: var(--color-white-1);
$tag-font-size: var(--font-size-sm);
$tag-line-height: 16px;
$tag-border-radius: 2px;
$tag-primary-color: var(--primary-color);
$tag-primary-bg: rgb(240, 250, 250);
$tag-second-color: var(--second-primary-color);
$tag-second-bg: rgb(253, 244, 237);
$tag-normal-color: var(--color-white-1);
$tag-normal-bg: var(--color-white-3);
$tag-disabled-color: var(--color-white-1);
$tag-disabled-bg: var(--color-black-4);
$tag-medium-padding: 2px 6px;
$tag-large-padding: var(--padding-base) var(--padding-xs);
$tag-large-border-radius: var(--border-radius-md);
$tag-large-font-size: var(--font-size-md);
$tag-primary-active-color: var(--color-white-1);
$tag-primary-active-bg: var(--gradient-primary);
$tag-second-active-color: var(--color-white-1);
$tag-second-active-bg: var(--gradient-second-primary);
$tag-normal-active-color: var(--primary-color);
$tag-normal-active-bg: var(--color-white-1);