/* ==========================================================================
   Eyebrow — bovenregel met lijntje, boven sectiekoppen
   Kleur via --eyebrow-color; secties op donker zetten die op
   --on-dark-accent.
   ========================================================================== */

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  max-width: 100%;
  color: var(--eyebrow-color, var(--accent));
  font-family: var(--font-body);
  font-size: var(--fs-micro);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tr-eyebrow);
  line-height: var(--lh-lead);
  text-transform: uppercase;
}

.eyebrow::before {
  content: "";
  flex: none;
  width: 1.75rem; /* 28px, ontwerp */
  height: var(--border-width);
  background: currentColor;
  opacity: 0.8;
}