/**
 * Special colors for footer that has a dark background.
 *
 * Use --darkmode-color from .site-footer.
 */

.site-footer .text-content {
  color: light-dark(inherit, var(--darkmode-color));
}

.site-footer .text-content * {
  color: light-dark(inherit, var(--darkmode-color));
}

.site-footer .text-content a {
  color: light-dark(var(--color--white), var(--darkmode-color-link));
}

.site-footer .text-content a:hover {
  color: light-dark(var(--color--white), var(--darkmode-color-link-hover));
}