/* The colored feature, testimonial, and highlight panels keep their original palette. */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
  }

  body {
    border-color: #151a18;
    background-color: #151a18;
    color: #e5eae7;
  }

  .body,
  .learn-overview-column,
  .help-small,
  .heading-29,
  .heading-30,
  .text-block-42,
  .text-block-43,
  .text-block-44,
  .text-block-45,
  .regular-text,
  .footer-text {
    color: #e5eae7;
  }

  h2,
  .heading-4,
  .text-block-3 {
    color: #e5eae7;
  }

  .footer-link,
  .learn-overview a,
  .learn-footer-link,
  .rich-text-block a,
  .help-article-intro a,
  .help-small a,
  .regular-text a,
  .w-container > .body a,
  .overview-linkblock,
  .link {
    color: #d7e9f5;
  }

  /* The original dark wordmark needs a light backing; its artwork is unchanged. */
  .footer-logo-link {
    border-radius: 4px;
    background-color: #dce3df;
  }

  .nav-menu,
  .nav-menu-2 {
    background-color: #252d29;
    border-radius: 100px;
    padding: 5px 5px 5px 14px;
  }

  .nav-menu .w-nav-link:not(.nav-link-4),
  .nav-menu-2 .w-nav-link:not(.nav-link-4) {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 10px 16px;
    background-color: transparent;
    color: #e5eae7;
  }

  .nav-menu .w-nav-link:not(.nav-link-4):hover,
  .nav-menu .w-nav-link:not(.nav-link-4):focus-visible,
  .nav-menu-2 .w-nav-link:not(.nav-link-4):hover,
  .nav-menu-2 .w-nav-link:not(.nav-link-4):focus-visible {
    border-radius: 100px;
    background-color: #36403b;
  }

  .nav-menu[data-nav-menu-open],
  .nav-menu-2[data-nav-menu-open] {
    border-radius: 0;
    background-color: #252d29;
  }

  .nav-menu[data-nav-menu-open] .w-nav-link:not(.nav-link-4),
  .nav-menu-2[data-nav-menu-open] .w-nav-link:not(.nav-link-4) {
    display: flex;
    width: 100%;
  }

  .logo-only-nav .w-nav-button.w--open {
    background-color: #252d29;
    color: #e5eae7;
  }

  .overview-button {
    border-color: #7e8983;
    background-color: #252d29;
    color: #e5eae7;
  }

  .w-input,
  .w-select {
    border-color: #65716a;
    background-color: #252d29;
    color: #e5eae7;
  }

  .w-input::placeholder {
    color: #a5b1aa;
  }

  .text-block-40 {
    color: #a9b5ae;
  }

  /* Pale inline highlights remain pale and retain dark text for contrast. */
  .text-span,
  .text-span-2,
  .text-span-3,
  .text-span-4,
  .text-span-5 {
    color: #041c13;
  }

  .section-main.colored h2,
  .section-main.colored .text-block-3 {
    color: #041c13;
  }
}