:root {
  --bs-primary: #00482B;
  --bs-border-color:  #00482B;
  --bs-primary-rgb: 0, 72, 43;
  --bs-bg-primary: #00482B;
  --bs-fw-bold: 300;
  --bs-input-color: #00482B;
  --bs-input-bg: #00482B;
  --bs-body-font-family: "Ubuntu", sans-serif;
}

header {
    padding: 1rem;
    background-color: #00482B;
}

.btn-primary {
  --bs-btn-bg: #00482B; 
  --bs-btn-hover-bg: #00482B;
  --bs-btn-border-color: #00482B;
  --bs-btn-font-weight: 700; 
}

.form-control {
  /* --bs-body-bg: #b1b5b9; */
  --bs-body-color: var(--bs-bg-primary);   /* Tu 'input-color' personalizado */
  --bs-text-color:var(--bs-bg-primary)
}

.form-select {
  background-color: #00482B;
  color: #ffffff;
  border-color: #ffffff;
  /* Para cambiar el color de la flecha a blanco en modo oscuro se usa: */
  /* filter: invert(1);  */
}