.dt-tag {
	display: inline-flex;
	align-items: center;
	gap: var(--space-1);
	font-family: var(--ff-sans);
	font-weight: var(--fw-medium);
	line-height: 1;
	letter-spacing: var(--ls-snug);
	border-radius: var(--radius-pill);
	border: 1px solid transparent;
	white-space: nowrap;
}

.dt-tag--sm { font-size: var(--fs-xs); padding: var(--space-1) var(--space-3); }
.dt-tag--md { font-size: var(--fs-sm); padding: var(--space-2) var(--space-4); }

.dt-tag--default {
	background: var(--dt-bg-alt);
	color: var(--dt-ink-soft);
	border-color: var(--dt-border);
}
.dt-tag--primary {
	background: var(--dt-primary-soft);
	color: var(--dt-primary-700);
	border-color: transparent;
}
.dt-tag--accent {
	background: var(--dt-primary);
	color: var(--dt-on-primary);
	border-color: transparent;
}
.dt-tag--warn {
	background: var(--dt-warn-soft);
	color: var(--dt-warn);
	border-color: transparent;
}
.dt-tag--success {
	background: var(--dt-success-soft);
	color: var(--dt-success);
	border-color: transparent;
}
.dt-tag--dark {
	background: var(--dt-surface-dark);
	color: var(--dt-on-dark);
	border-color: transparent;
}

.dt-tag__icon { display: inline-flex; }