/* dark.css */

/* Boutons */
.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}

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

/* Formulaire */
.form-control {
  background-color: #303030;
  color: #fff;
  border-color: #555;
}

/* Focus sur les champs de saisie */
.form-control:focus {
  background-color: #3b3b3b;
  color: #fff;
  border-color: #888;
  outline: none;
  /* Suppression de l'outline lors du focus */
}


.bi-star-fill,
.bi-star-half,
.bi-star {
  color: #dbcc6a;

}

.fa-star,
.fa-star-half,
.fa-star-o {
  color: #dbcc6a;

}


/* Styles spécifiques pour les inputs */
.dark-input {
  background-color: #222;
  color: #fff;
  border-color: #555;
  border-radius: 8px;
  /* Ajout de coins arrondis */
  padding: 8px 12px;
  /* Ajout d'un peu de padding */
}

.dark-input:focus {
  background-color: #333;
  color: #fff;
  border-color: #888;
}

/* Autres éléments spécifiques à personnaliser selon vos besoins */

/* Utiliser Roboto comme police par défaut pour le corps du document et ajouter un espacement entre les caractères */
body {
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.03em;
  /* Ajustez cette valeur selon votre préférence */
}

/* Si vous souhaitez changer la police pour certains éléments spécifiques, ajoutez les sélecteurs CSS appropriés */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.03em;
  /* Ajustez cette valeur selon votre préférence */
}

p,
span,
div {
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0.03em;
  /* Ajustez cette valeur selon votre préférence */
}


.bronze {
  color: #cd7f32;
  /* Couleur bronze */
}

.argent {
  color: #c0c0c0;
  /* Couleur argent */
}

.or {
  color: #ffd700;
  /* Couleur or */
}

.diamant {
  color: #b9f2ff;
  /* Couleur diamant */
}

.NotUnlock {
  color: #414141;
  /* Couleur diamant */
}