:root {
  --bs-body-bg: #fff;
  --bs-body-color: #000;
}
/*
@media (prefers-color-scheme: dark) {
  :root {
    --bs-body-bg:  #f0f0f0;
    --bs-body-color: #121212;
  }
}

.manual-dark {
  --bs-body-bg: #f0f0f0 !important;
  --bs-body-color: #121212 !important;
}

.bg-body.manual-dark {
  background-color: #121212 !important;
  color: #f0f0f0 !important;
}

.col-md-4{
    padding: 4px;
}*/

.logo{
  display: flex;
  justify-content: center;
  margin-top: -40%;
  width: 90%;
  height: 90%;
  padding: 15px;
}
.form-light.manual-dark {
  background-color:  #383838 !important;
  color: #f0f0f0 !important;
}

 body {
      transition: background-color 0.3s ease;
      color: #fff !important;
      font-family: 'Montserrat', sans-serif;
    }
    body.blue {
      background-color: #0a3aff;
      color: #fff;
      
    }
    body.dark {
      background-color: #383838;
      color: #ffffff;
    }
    
    form{
      transition: background-color 0.3s ease;
      color: #333;
    }
    #form.light{
      background-color: #ffffff !important;
      color: #000;
    }
   form.blue{
      background-color: #0a3aff !important;
      color: #fff;
    }

    .border{
      display: flex;
      margin-top: -30%;
    }
      #assinatura {
      border: 1px solid #ced4da;
      border-radius: 5px;
      width: 100%;
      height: 150px;
    }
    .assinatura-container {
      max-width: 500px;
      margin: auto;
    }
    
/*
.logo-dark { filter: invert(0); } /* deixa logo branco */
/*.logo-light { filter: invert(1); } /* deixa logo preto */