/* Custom CSS for Crisp Contact Form */

input {
  border: 1px solid #D1D5DB; /* Tailwind's gray-300 */
  border-radius: 0.375rem; /* Tailwind's rounded-md */
}

.form-font-regular {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
}

.form-font-semibold {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
}

.form-font-bold {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}

.button {
  color: #525252 !important;
  border: 0 none;
  font-size: 13px;
  line-height: 14px;
  padding: 4px 4px;
  background-color: #d08700 !important;
  letter-spacing: -0.15px;
  cursor: pointer;
  padding: 12px 22px 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
  border-radius: 0.375rem; /* Tailwind's rounded-md */
  transition: all 100ms linear;
  transition-property: color, background-color, box-shadow, transform;
}

textarea {
  resize: vertical;
  min-height: 100px;
}

input::placeholder,
textarea::placeholder,
select[data-selected="false"] {
  color: rgba(0, 0, 0, 0.50);
}


@media (prefers-color-scheme: dark) {
  input,
  textarea,
  select,
  input:disabled,
  textarea:disabled,
  select:disabled {
    background-color: #404040 !important;
    color: #e5e5e5 !important;
  }
}