/* Button component styles (AV-prefixed to avoid collision with Bootstrap) */

/* Primary (teal) */
.btn-av-primary {
  background: var(--av-accent);
  border-color: var(--av-accent);
  color: #ffffff;
  box-shadow: var(--av-shadow-soft);
  border-radius: var(--av-btn-radius, var(--av-radius));
}

.btn-av-primary:hover,
.btn-av-primary:focus {
  filter: brightness(1.02);
  color: #ffffff;
}

/* Success (routine green) */
.btn-av-success {
  background: linear-gradient(135deg, #83bb80, #76bc79);
  border-color: #83bb80;
  color: #122411;
  box-shadow: 0 10px 20px rgba(83, 136, 77, 0.18);
  border-radius: var(--av-btn-radius, var(--av-radius));
}

.btn-av-success:hover,
.btn-av-success:focus {
  filter: brightness(1.02);
  color: #122411;
}

/* Neutral secondary */
.btn-av-neutral {
  background: #ffffff;
  border-color: rgba(34, 36, 52, 0.12);
  color: #222434;
  border-radius: var(--av-btn-radius, var(--av-radius));
}

.btn-av-neutral:hover,
.btn-av-neutral:focus {
  border-color: rgba(34, 36, 52, 0.18);
  background: #f0f2f7;
  color: #222434;
}