/* Dégradés pour les boutons */
.btn-violet {
  background: linear-gradient(to bottom, #7d4bc6, #5a34a1);
  color: #fff;
  border: none;
}

.btn-orange {
  background: linear-gradient(to bottom, #ff9234, #d46b00);
  color: #fff;
  border: none;
}

.btn-maroon {
  background: linear-gradient(to bottom, #992828, #660000);
  color: #fff;
  border: none;
}

/* Effet Hover : Foncissement du fond */
.btn-violet:hover {
  background: linear-gradient(to bottom, #5a34a1, #3e2277);
  color: #eaeaea; /* Légèrement plus clair pour contraster */
}

.btn-orange:hover {
  background: linear-gradient(to bottom, #d46b00, #a55200);
  color: #eaeaea;
}

.btn-maroon:hover {
  background: linear-gradient(to bottom, #660000, #4d0000);
  color: #eaeaea;
}

/* Badges avec dégradé */
.badge-violet {
  background: linear-gradient(to bottom, #7d4bc6, #5a34a1);
  color: #fff;
}

.badge-orange {
  background: linear-gradient(to bottom, #ff9234, #d46b00);
  color: #fff;
}

.badge-maroon {
  background: linear-gradient(to bottom, #992828, #660000);
  color: #fff;
}

/* Backgrounds avec dégradé */
.bg-violet {
  background: linear-gradient(to bottom, #7d4bc6, #5a34a1) !important;
  color: #fff;
}

.bg-orange {
  background: linear-gradient(to bottom, #ff9234, #d46b00) !important;
  color: #fff;
}

.bg-maroon {
  background: linear-gradient(to bottom, #992828, #660000) !important;
  color: #fff;
}