:root {
  --text-color: #575279;
  --text-color-alt: #797593;
  --background-color: #faf4ed;
  --background-color-alt: #fffaf3;
  --background-overlay: #f2e9e1;
}

a:link {
  color: #56949f;
  text-decoration: underline;
  cursor: pointer;
}

a:hover {
  color: #907aa9;
}

a:visited {
  color: #286983;
}

::selection {
  background-color: #cecacd;
  color: #fffaf3;
}

aside {
  background-color: var(--background-overlay);
  width: 30ch;
  min-width: 30ch;
  padding: var(--line-height) 1ch;
  margin: var(--line-height) 1ch;
}

aside:empty {
  display: none;
}

h1 {
  color: #b4637a;
}

h2 {
  color: #d7827e;
}

h3 {
  color: #ea9d34;
}