/* =========================================================================
   Element · Eyebrow — Figma 6837:584 (page Global: Elements)
   Diamond + Label (Label/Eyebrow), spacing/inline-s apart, centred.
   Color=Dark → .e-eyebrow--dark
   color=light → .e-eyebrow--light (code only, owner 2026-10-01: white on a
   Blue card; Figma has no Light variant yet)
   Raw in Figma: the diamond, 10 × 10.
   ========================================================================= */
.e-eyebrow {
  display: flex;
  align-items: center;
  gap: var(--spacing-inline-s);
  margin: 0;
}
.e-eyebrow--dark { color: var(--color-black); }
.e-eyebrow--light { color: var(--color-white); }
.e-eyebrow__diamond { flex: none; display: block; width: 10px; height: 10px; }
.e-eyebrow__diamond svg { display: block; width: 10px; height: 10px; }
.e-eyebrow__label { display: block; }