/**
 * TechBBQ Eyebrow — shared tag label with accent dot.
 *
 * Figma component: _tagEyebrow (sectionTitle 4307:10583)
 * https://www.figma.com/design/5yXrB09CMVaqf3V343o3yZ/Website-%7C-TechBBQ--Copy-?node-id=4307-10583
 */

.techbbq-eyebrow {
	display: inline-flex;
	gap: var(--techbbq-space-1);
	align-items: center;
	margin: 0;
	font-family: var(--techbbq-font-family-body);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--techbbq-content-primary);
}

.techbbq-eyebrow__dot {
	flex-shrink: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--techbbq-eyebrow-dot-color, var(--techbbq-content-accent-1));
}