@import '../style/var.less';

@tag-padding: 0 var(--van-padding-base);
@tag-text-color: var(--van-white);
@tag-font-size: var(--van-font-size-sm);
@tag-border-radius: 2px;
@tag-line-height: 16px;
@tag-medium-padding: 2px 6px;
@tag-small-padding: 1px 4px;
@tag-small-font-size: var(--van-font-size-xs);
@tag-large-padding: var(--van-padding-base) var(--van-padding-xs);
@tag-large-border-radius: var(--van-border-radius-md);
@tag-large-font-size: var(--van-font-size-md);
@tag-round-border-radius: var(--van-border-radius-max);
@tag-icon-gap: 2px;
@tag-right-icon-size: 12px;
@tag-small-right-icon-size: 10px;
@tag-large-right-icon-size: 14px;

@tag-danger-color: var(--van-red-700);
@tag-danger-background-color: var(--van-red-100);

@tag-primary-color: var(--van-blue-700);
@tag-primary-background-color: var(--van-blue-100);

@tag-success-color: var(--van-green-700);
@tag-success-background-color: var(--van-green-100);

@tag-warning-color: var(--van-orange-700);
@tag-warning-background-color: var(--van-orange-100);

@tag-gray-color: var(--van-gray-8);
@tag-gray-background-color: var(--van-gray-3);

@tag-turquoise-color: #0f766e;
@tag-turquoise-background-color: #ccfbf1;
@tag-purple-color: #7e22ce;
@tag-purple-background-color: #f3e8ff;
@tag-violet-color: #6d28d9;
@tag-violet-background-color: #ede9fe;

@tag-default-color: var(--van-gray-6);

@tag-plain-background-color: transparent;