.contact-form .form-control {
  border-radius: 0.75rem;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.07);
  border: 1px solid #e3e6ee;
  background: #f8fafc;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.contact-form .form-control:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.15);
  background: #fff;
}
.contact-form label {
  font-weight: 500;
  color: var(--teal, #20cfcf);
}

:root {
  --teal: #20cfcf;
}

body.dark-mode .contact-form label {
  color: #20cfcf;
}
.contact-form ::placeholder {
  color: #b0b8c1;
  opacity: 1;
}
.contact-form textarea.form-control {
  min-height: 120px;
  resize: vertical;
}

/* Accent link styling for direct email link */
.accent-link {
  color: var(--teal, #20cfcf);
  transition: color 0.2s;
}
.accent-link:hover,
.accent-link:focus {
  color: #17b3b3;
  text-decoration: underline;
}

body.dark-mode .accent-link {
  color: #20cfcf;
}