/* Component policy: use Bootstrap button API, override only semantic variants */
.btn {
  font-family: var(--font-family-body);
  border-radius: var(--radius-md);
}

.btn.btn-sm {
  border-radius: var(--radius-sm);
}

.btn.btn-lg {
  border-radius: var(--radius-lg);
}

.btn.btn-primary,
.btn.btn-primary:focus,
.btn.btn-primary:active {
  background-color: var(--color-primary-600);
  border-color: var(--color-primary-600);
  color: var(--color-text-inverse);
}

.btn.btn-primary:hover {
  background-color: var(--color-primary-700);
  border-color: var(--color-primary-700);
  color: var(--color-text-inverse);
}

.btn.btn-outline-primary,
.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:active {
  color: var(--color-primary-600);
  border-color: var(--color-primary-600);
  background: transparent;
}

.btn.btn-outline-primary:hover {
  color: var(--color-text-inverse);
  background-color: var(--color-primary-600);
  border-color: var(--color-primary-600);
}

.btn.rounded-pill,
.badge.rounded-pill {
  border-radius: var(--radius-pill);
}

.btn-link,
.link-button {
  color: var(--color-primary-600);
}

.text-primary,
.link-button:hover {
  color: var(--color-primary-600) !important;
}

/* Entfernt wegen keine Verwendnung gefunden: .link-primary */