:root {
  --accent: #BF40BF;
}

body {
  font-family: "Helvetica";
}

a {
  color: blue;

  &:hover, &:visited {
    color: blue;
  }

  @media (prefers-color-scheme: dark) {
    color: lightblue;

    &:hover, &:visited {
      color: lightblue;
    }
  }
}


.title {
  color: #8D2BD4;
  font-style: italic;
  margin-top: 50px;

  font-family: "Young Serif", serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--accent);
}

article h2 a {
    text-decoration: none;
    color: var(--accent);

    &:hover {
	color: var(--accent);
	text-decoration: underline;
    }

    &:visited {
	color: var(--accent);
    }
}