/* Dietlo — KOMPONENT: eyebrow (badge nad naglowkiem sekcji).
   Jedyny wlasciciel klasy .dietlo-eyebrow.

   Splaszczono dwie warstwy z base-pages.css (V1: obrys, V2: wypelniony
   chip) do jednej definicji — wynik obliczony z kaskady, zero zmiany
   wizualnej. Pliki powierzchni dokladaja wylacznie warianty w swoim
   zasiegu (np. .dietlo-section--dark .dietlo-eyebrow). */

.dietlo-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 20px;
  /* V2: chip bez obrysu (V1 mial border: 1px solid var(--dietlo-green)) */
  border: none;
  border-radius: var(--dietlo-radius-pill);
  background: rgba(85, 185, 71, 0.13);
  color: var(--dietlo-green-dark);
  font-size: var(--dietlo-text-xs);
  font-weight: 700;
  letter-spacing: var(--dietlo-letter-eyebrow);
  text-transform: uppercase;
}