/* Base Soft Badge */
.badge-soft {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 0.8rem;
  line-height: 1.15;        /* 👈 wichtig */
  letter-spacing: 0.02em;  /* 👈 subtil, aber effektiv */
  word-spacing: 0.08em;   /* macht Wort-/Space-Abstand sichtbarer */

  padding: 0.32rem 0.55rem;
  border-radius: 0.55rem;

  white-space: nowrap;
  vertical-align: middle;

  transition: box-shadow 0.2s ease, filter 0.2s ease;
}

/* Primary */
.badge-soft-primary {
  background-color: rgba(13, 110, 253, 0.12); /* Bootstrap Primary soft */
  color: #0d6efd; /* Increased contrast */

  box-shadow:
    inset 0 0 0 1px rgba(13, 110, 253, 0.25);
}

/* Secondary */
.badge-soft-secondary {
  background-color: rgba(148, 163, 184, 0.12);
  color: #d1d9ff; /* Increased contrast */

  box-shadow:
    inset 0 0 0 1px rgba(203, 213, 225, 0.22);
}

/* Success */
.badge-soft-success {
  background-color: rgba(16, 185, 129, 0.10);
  color: #34f5c5; /* Increased contrast */

  box-shadow:
    inset 0 0 0 1px rgba(94, 234, 212, 0.28);
}

/* Danger */
.badge-soft-danger {
  background-color: rgba(239, 68, 68, 0.10);
  color: #ff6b6b; /* Increased contrast */

  box-shadow:
    inset 0 0 0 1px rgba(248, 113, 113, 0.28);
}

/* Warning */
.badge-soft-warning {
  background-color: rgba(245, 158, 11, 0.12);
  color: #ffeb8a; /* Increased contrast */

  box-shadow:
    inset 0 0 0 1px rgba(253, 230, 138, 0.28);
}

/* Info */
.badge-soft-info {
  background-color: rgba(45, 212, 191, 0.10);
  color: #67e8f9; /* Increased contrast */

  box-shadow:
    inset 0 0 0 1px rgba(94, 234, 212, 0.28);
}

/* Light */
.badge-soft-light {
  background-color: rgba(255, 255, 255, 0.05);
  color: #ffffff; /* Increased contrast */

  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.14);
}

/* Dark */
.badge-soft-dark {
  background-color: rgba(17, 24, 39, 0.75);
  color: #d1d5db; /* Increased contrast */

  box-shadow:
    inset 0 0 0 1px rgba(156, 163, 175, 0.18);
}


.badge-soft:hover {
  filter: brightness(1.04);
}