/* Match the contact flow to the homepage's grey, teal and soft gold palette. */
body.contact-page {
  --gold: #ecc059;
  --gold-hover: #f9d37c;
  --body: #51565a;
  --line: #dcdfe1;
  --accent: #08767d;
}

.contact-page :focus-visible {
  outline-color: var(--accent);
}

.contact-page .contact-back-link,
.contact-page .contact-page-intro > .container > p:not(.eyebrow),
.contact-page .thanks-intro > .container > p.thanks-hours {
  color: #c4c9cc;
}

.contact-page .contact-back-link:hover {
  color: var(--gold);
}

.contact-page .contact-form-section {
  background: #f6f7f7;
}

.contact-page .form-intro,
.contact-page .contact-sidebar > p:not(.eyebrow),
.contact-page .contact-sidebar-detail p {
  color: var(--body);
}

.contact-page .contact-field label {
  color: #262c30;
}

.contact-page .contact-field label span,
.contact-page .form-information,
.contact-page .form-progress,
.contact-page .contact-sidebar > p.contact-urgent-note {
  color: #63696e;
}

.contact-page .contact-field input,
.contact-page .contact-field textarea {
  background: #fff;
  border-color: #cfd5d9;
}

.contact-page .contact-field input:focus,
.contact-page .contact-field textarea:focus {
  border-color: var(--accent);
  outline-color: var(--accent);
}

.contact-page .contact-sidebar,
.contact-page .contact-sidebar > p.contact-urgent-note {
  border-color: #d1d7db;
}

.contact-page .contact-sidebar-detail > .icon {
  color: var(--accent);
}

.contact-page .light-link {
  color: #e6e9eb;
}