/* Bootstrap Custom Overrides */

/* Definizione delle variabili globali */
:root {
  --bs-primary: #2a93df; /* Colore principale */
  --bs-primary-hover: #237ac0; /* Colore al passaggio del mouse */
  --bs-primary-active: #1c63a0; /* Colore quando attivo */
  
  --bs-secondary: #6c757d; /* Colore secondario */
  --bs-secondary-hover: #565e64; /* Colore al passaggio del mouse */
  --bs-secondary-active: #343a40; /* Colore quando attivo */
}

* {
  border-radius: 0 !important;
}

/* Override delle classi Bootstrap */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #fff;
}
.highlighted-row {
  background-color: #e4e6fc; /* Colore rosa chiaro */
  transition: background-color 0.3s ease; /* Effetto transizione */
}
.btn-primary:hover {
  background-color: var(--bs-primary-hover);
  border-color: var(--bs-primary-hover);
}

.btn-primary:active,
.btn-primary.active {
  background-color: var(--bs-primary-active);
  border-color: var(--bs-primary-active);
}

.btn-secondary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
  color: #fff;
}

.btn-secondary:hover {
  background-color: var(--bs-secondary-hover);
  border-color: var(--bs-secondary-hover);
}

.btn-secondary:active,
.btn-secondary.active {
  background-color: var(--bs-secondary-active);
  border-color: var(--bs-secondary-active);
}

/* Personalizzazione di altri elementi (esempio per testi, badge, ecc.) */
.text-primary {
  color: var(--bs-primary) !important;
}

.text-secondary {
  color: var(--bs-secondary) !important;
}

.bg-primary {
  background-color: var(--bs-primary) !important;
  color: #fff;
}

.bg-secondary {
  background-color: var(--bs-secondary) !important;
  color: #fff;
}

/* Personalizzazione dei bordi */
.border-primary {
  border-color: var(--bs-primary) !important;
}

.border-secondary {
  border-color: var(--bs-secondary) !important;
}

/* Definizione btn-outline-primary */
.btn-outline-primary {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
  background-color: transparent;
}

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

.btn-outline-primary:active,
.btn-outline-primary.active {
  color: #fff;
  background-color: var(--bs-primary-active);
  border-color: var(--bs-primary-active);
}

/* Definizione btn-outline-secondary */
.btn-outline-secondary {
  color: var(--bs-secondary);
  border-color: var(--bs-secondary);
  background-color: transparent;
}

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

.btn-outline-secondary:active,
.btn-outline-secondary.active {
  color: #fff;
  background-color: var(--bs-secondary-active);
  border-color: var(--bs-secondary-active);
}