/* Styles propres à l'application (les thèmes sont dans main.css / utilities.css). */

:root {
  --app-primary: #5c60f5;
  --app-highlight: #feca57;
}

body {
  background-color: #f5f9fc;
}

mark {
  background-color: var(--app-highlight) !important;
}

/* Marge à droite de la barre de recherche, de plus en plus large avec l'écran */
@media (min-width: 1300px) {
  .search-form { margin-right: 80px; }
}

@media (min-width: 1500px) {
  .search-form { margin-right: 280px; }
}

@media (min-width: 1600px) {
  .search-form { margin-right: 360px; }
}

/* Zone de dépôt de fichiers (Dropzone) */
.dropzone {
  border: 2px dashed var(--app-primary);
  background-color: rgb(92 96 245 / 10%);
}

.dropzone:hover {
  transition: background-color 0.3s;
  background-color: rgb(92 96 245 / 15%);
}

.dropzone .dz-preview.dz-image-preview {
  background: transparent;
}