.tag,
:is(.tag-primary, .tag-primary-outline, .tag-success, .tag-success-outline, .tag-info, .tag-info-outline, .tag-disabled, .tag-disabled-outline) {
    /* Define local variables for color that the modifiers will override */
    --tag-background-color: #000;
    --tag-text-color: #FFF;
	--tag-border: 1px solid transparent;
    
    background-color: var(--tag-background-color);
    color: var(--tag-text-color);
	border: var(--tag-border);
    
    /* Structural Styles (Defined once) */
    font-size: var(--font-size-tag);
    padding: var(--padding-xs) var(--padding-md);
    border-radius: var(--border-radius-rounded-rectangle);
    margin-left: var(--margin-lg);
    line-height: 1;
    font-family: 'Inter', sans-serif;
	width: fit-content;
    
}

.tag-primary {
    --tag-background-color: var(--orange-dark);
}

.tag-primary-outline {
    --tag-background-color: var(--orange-outline-hover);
	--tag-text-color: var(--orange-dark);
    --tag-border: 1px solid var(--orange-border);
}

.tag-success {
    --tag-background-color: var(--green-dark);
}

.tag-success-outline {
    --tag-background-color: var(--green-outline-hover);
	--tag-text-color: var(--green-dark);
    --tag-border: 1px solid var(--green-border);
}

.tag-info {
    --tag-background-color: var(--blue-dark);
}

.tag-info-outilne {
    --tag-background-color: var(--blue-outline-hover);
	--tag-text-color: var(--blue-dark);
    --tag-border: 1px solid var(--blue-border);
}

.tag-white {
	--tag-background-color: #FFF;
    --tag-text-color: var(--text-label-neutral);
    --tag-border: 1px solid var(--grey-light);
}

.tag-disabled {
	--tag-background-color: var(--tag-disabled-background);
    --tag-text-color: var(--tag-disabled-text);
}

.tag-disabled-outline {
    --tag-background-color: var(--tag-disabled-background);
    --tag-text-color: var(--tag-disabled-text);
    --tag-border: 1px solid var(--tag-disabled-border);
}