/* Site shell: typography tweaks, contact strip (light), accent rules */

.datalen-root body {
  font-feature-settings: "kern" 1, "liga" 1;
}

.rule-line {
  height: 1px;
  background: currentColor;
  opacity: 0.12;
}

.accent-rule {
  width: 3rem;
  height: 2px;
  background: #dc2626;
}

html:not(.dark) .datalen-root .contact-section-wrap #contact {
  background-color: #fafafa;
  border-top: 1px solid #e5e5e5;
}

html:not(.dark) .datalen-root .contact-section-wrap #contact .text-zinc-500 {
  color: #525252;
}

html:not(.dark) .datalen-root .contact-section-wrap #contact .text-zinc-600 {
  color: #404040;
}

html:not(.dark) .datalen-root .contact-section-wrap #contact .text-zinc-900 {
  color: #171717;
}

html:not(.dark) .datalen-root .contact-section-wrap #contact input,
html:not(.dark) .datalen-root .contact-section-wrap #contact textarea {
  background-color: #ffffff;
  color: #171717;
  border-color: #a3a3a3;
}

html:not(.dark) .datalen-root .contact-section-wrap #contact input::placeholder,
html:not(.dark) .datalen-root .contact-section-wrap #contact textarea::placeholder {
  color: #737373;
  opacity: 1;
}

html:not(.dark) .datalen-root .contact-section-wrap #contact button[type="submit"] {
  background-color: #171717;
  color: #fafafa;
  border: 1px solid #171717;
}

html:not(.dark) .datalen-root .contact-section-wrap #contact button[type="submit"]:hover {
  background-color: #404040;
  border-color: #404040;
}

html:not(.dark) .datalen-root .contact-section-wrap #contact .bg-zinc-200 {
  background-color: #e5e5e5;
  color: #404040;
}

html:not(.dark) .datalen-root .contact-section-wrap #contact a.text-zinc-900 {
  color: #171717;
}

html.dark .datalen-root .contact-section-wrap #contact {
  border-top-color: rgb(64 64 64);
}