/* Button Components */

.btn-primary {
  --bs-btn-bg: var(--color-success);
  --bs-btn-border-color: var(--color-success);
  --bs-btn-hover-bg: #23923d;
  --bs-btn-hover-border-color: #208739;
  --bs-btn-active-bg: #1d7b34;
  --bs-btn-active-border-color: #1b7331;
  box-shadow: var(--shadow-1);
}

.btn-danger {
  --bs-btn-bg: var(--color-danger);
  --bs-btn-border-color: var(--color-danger);
  --bs-btn-hover-bg: #c12f3f;
  --bs-btn-hover-border-color: #b02a3a;
  --bs-btn-active-bg: #a22835;
  box-shadow: var(--shadow-1);
}

.btn-accent {
  color: #1b1b1b;
  background: var(--color-accent);
  border-color: var(--color-accent);
  font-weight: 500;
}

.btn-accent:hover {
  background: #b08929;
  border-color: #b08929;
  color: #0a0a0a;
}

.btn-outline-primary {
  --bs-btn-color: var(--color-success);
  --bs-btn-border-color: var(--color-success);
  --bs-btn-hover-bg: var(--color-success);
  --bs-btn-hover-color: #fff;
}

.btn-outline-danger {
  --bs-btn-color: var(--color-danger);
  --bs-btn-border-color: var(--color-danger);
  --bs-btn-hover-bg: var(--color-danger);
  --bs-btn-hover-color: #fff;
}