/**
 * Badges — combinações com contraste AA para texto pequeno.
 */

.badge {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	padding: 0.2rem 0.7rem;
	border-radius: var(--radius-pill);
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.4;
	overflow-wrap: break-word;
	text-transform: none;
}

.badge--primary {
	background-color: var(--color-brand-primary);
	color: var(--color-text-inverse);
}

.badge--earth {
	background-color: var(--color-badge-earth-surface);
	color: var(--color-text);
}

.badge--accent {
	background-color: var(--color-badge-accent-surface);
	color: var(--color-text);
}

.badge--muted {
	background-color: var(--color-surface-muted);
	color: var(--color-text);
}