:root {
  --bs-primary: #ff7b00;
  --bs-secondary: #000000;
}

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

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

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

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

.btn-primary:hover {
  background-color: #ff7b00;
  border-color: #ff7b00;
}

/* Reglas para la paginación */
.page-item.active .page-link {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}

.page-link {
    color: var(--bs-primary);
}

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

.form-registro input:focus,
.form-login input:focus{
    border-color: var(--bs-primary);
    border-width: 2px;
    border-style: solid;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
}

.formulario-personalizacion input:focus, 
.formulario-personalizacion textarea:focus{
    border-color: var(--bs-primary);
    border-width: 2px;
    border-style: solid;
    box-shadow: none;
}