/* badge.css — pastille de mode de vente (Au mètre / Coupon / Panneau / Fat quarter) et labels. */
.badge{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: var(--ls-kicker);
  text-transform: uppercase;
  border-radius: 999px;
  border: 1px solid currentColor;
  line-height: 1;
}

.badge--metre{ color: var(--color-ink); background: var(--color-white); border-color: var(--color-ink); }
.badge--coupon{ color: var(--color-accent-text); background: var(--color-white); border-color: var(--color-accent); }
.badge--panneau{ color: var(--color-ink-soft); background: var(--color-gray-100); border-color: var(--color-gray-400); }
.badge--new{ color: var(--color-white); background: var(--color-ink); border-color: var(--color-ink); }