/* Custom styles to override theme defaults */

/* Make links in bio section match body text color */
#bio a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.3);
}

#bio a:hover {
  text-decoration-color: rgba(255, 255, 255, 0.6);
}

/* Light mode */
@media screen and (prefers-color-scheme: light) {
  #bio a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0.3);
  }

  #bio a:hover {
    text-decoration-color: rgba(0, 0, 0, 0.6);
  }
}