.dt-eyebrow {
	display: inline-block;
	font-family: var(--ff-sans);
	font-size: var(--fs-xs);
	font-weight: var(--fw-medium);
	line-height: var(--lh-normal);
	letter-spacing: var(--ls-eyebrow);
	text-transform: uppercase;
}

.dt-eyebrow--default { color: var(--dt-ink-soft); }
.dt-eyebrow--accent  { color: var(--dt-primary); }
.dt-eyebrow--warn    { color: var(--dt-warn); }
.dt-eyebrow--success { color: var(--dt-success); }

/* Dark / accent contexts: switch to translucent white. */
.dt-section--dark .dt-eyebrow--default,
.dt-section--accent .dt-eyebrow--default { color: rgba(255,255,255,0.65); }
.dt-section--dark .dt-eyebrow--accent,
.dt-section--accent .dt-eyebrow--accent { color: var(--dt-on-dark); }