.register-form {
  font-family: "Archivo", sans-serif;
}

.register-form h1 {
  font-family: "Inter", sans-serif;
  font-size: 45px;
  font-weight: 700;
}

.form-label {
  color: var(--textGray);
}

.form-control,
.form-select {
  background-color: var(--formControlBgColour);
  color: #eae9e9;
  border: none;
  border-radius: 8px;
  padding: 16px;
}
.form-control:disabled {
  background-color: var(--formControlBgColour);
  filter: brightness(0.5);
}
.have-account a {
  font-size: 15px;
  color: var(--btnOrange);
}
 .form-input .toggle-password {
        cursor: pointer;
        color: var(--textGray);
        margin-left: 8px;
    }

.have-account a:hover {
  color: #2d73ff;
}

.form-control:focus,
.form-select:focus {
  background-color: var(--formControlBgColour);
  color: white;
}

/* .form-select {
    color: white !important;
}

Selector for the calendar icon of the date input
[type="date"]::-webkit-calendar-picker-indicator {
    color: var(--textGray) !important;
} */