/* contact forms */
.contact-form__panel {
  border-radius: var(--radius-default);
  border: var(--border-default);
  background-color: var(--color-primary);
  color: var(--color-content);
  box-shadow: var(--shadow-default);
}

.contact-form__input {
  width: 100%;
  border-radius: var(--radius-default);
  border: var(--border-secondary);
  background-color: var(--color-primary-light);
  color: var(--color-content);
  box-shadow: var(--shadow-secondary);
  padding: 0.75rem 1rem;
  font-family: var(--font-body);
  font-size: var(--fs-input);
}

.contact-form__input::placeholder {
  color: var(--color-content-soft);
}