.badge {
	display: inline-flex;
	align-items: center;
	padding: 0.25rem 0.5rem;
	border-radius: 9999px;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1;
}

.primary {
	background-color: var(--purple-400);
	color: white;
}

.secondary {
	background-color: var(--green-600);
	color: white;
}

.success {
	background-color: var(--color-success);
	color: white;
}

.danger {
	background-color: var(--color-danger);
	color: white;
}

.warning {
	background-color: var(--color-warning);
	color: #1f2937;
}

.info {
	background-color: #3b82f6;
	color: white;
}