:root {
  --color-background: var(--color-1);
  --color-primary-text: var(--color-2);
  --color-secondary-text: var(--color-3);
  --color-border-divider: var(--color-4);
  --color-accent: var(--color-5);
  --color-highlight: var(--color-6);
}

body {
  background-color: var(--color-background);
  color: var(--color-primary-text);
}

h2 {
  color: var(--color-primary-text);
}

h2.article-title {
  border-color: var(--color-highlight);
}

h2.article-title > a {
  color: var(--color-primary-text);
}

a {
  color: var(--color-accent);
}

div.magic-item {
    border-color: var(--color-highlight);
}

.contact a {
  color: var(--color-primary-text);
}