/*******************************Color***************************************/
.color-primary {
  color: #1c1e2fff;
}

.color-secondary {
  color: #222437ff;
}

.bg-custom-primary {
  background-color: #1c1e2fff;
}

.bg-custom-secondary {
  background-color: #222437ff;
}

.bg-custom-ternary {
  background-color: #313450;
}

.container-custom {
  background-color: #343a40; /* Couleur de fond sombre */
  border: 1px solid #495057; /* Bordure grise */
  color: white; /* Couleur du texte */
}

.custom-form-control {
  background-color: transparent;
  border: 1px solid #1c1e2fff; /* Bordure grise */
  border-radius: 5px;
  padding: 5px;
  outline: none;
  color: white;
}

.login-container {
  height: 75vh;
  border-radius: 10px;
  padding: 10px;
  width: 60%;
}

.login-container .login-image {
  aspect-ratio: 2;
}

.bg-login {
  background-color: #1c1e2fff;
  background-size: cover;
}

@media screen and (max-width: 1200px) {
  .login-container {
    height: 75%;
    width: 95%;
  }
}