/**
 * Badge: .mk-badge (templates/components/badge.php). A short neutral label.
 */

.mk-badge {
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	padding-block: var(--wp--custom--badge--padding-block);
	padding-inline: var(--wp--custom--badge--padding-inline);
	border-radius: var(--wp--custom--badge--radius);
	background-color: var(--wp--custom--color--surface--overlay);
	color: var(--wp--custom--color--text--primary);
	font-family: var(--wp--custom--text--body-small--font-family);
	font-size: var(--wp--custom--text--body-small--font-size);
	font-weight: var(--wp--custom--text--body-small--font-weight);
	line-height: var(--wp--custom--text--body-small--line-height);
	letter-spacing: var(--wp--custom--text--body-small--letter-spacing);
	white-space: nowrap;
}
