* {
  --gradient-1: linear-gradient(120deg, #10224f 0%, #1b3b86 55%, #2c5bc1 100%);
  --gradient-2: linear-gradient(180deg, #0b183f 0%, #102860 45%, #173777 100%);
  --text-color-soft: #f3f8ffd1;
}

.validation-message {
  color: var(--bs-form-invalid-color);
}

.form-control.invalid {
  border-color: var(--bs-form-invalid-color);
}

/* removido pois sempre começando como válido ficava feio */
/* .form-control.valid {
  border-color: var(--bs-success);
} */

/* Formatação de código em tags pre, mantém a fonte */
pre {
  white-space: pre-wrap;
  font-family: inherit;
}

.bg-gradient-1 {
  background: var(--gradient-1);
  color: var(--text-color-soft);
}

.bg-gradient-2 {
  background: var(--gradient-2);
  color: var(--text-color-soft);
}