/* contact forms */
.contact-form__panel {
  height: fit-content;
  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);
}

.contact-form-section--compact .page-section__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}


.contact-form__panel.theme-dark {
  background-color: var(--color-secondary);
  color: var(--color-primary);
  border: var(--border-secondary);
  box-shadow: var(--shadow-secondary);

  .section-subtitle {
    color: var(--color-primary);
  }

  .contact-form__input {
    background-color: var(--color-secondary-light);
    color: var(--color-primary);
    border: var(--border-secondary);
    box-shadow: var(--shadow-secondary);
  }

  .contact-form__input::placeholder {
    color: var(--color-primary-light);
  }
}