:root {
  --background-color: #fff;
  --heading-color: #222;
  --text-color: #444;
  --link-color: #3273dc;
  --visited-color: #8b6fcb;
  --blockquote-color: #222;
}
body {
  background-color: var(--background-color);
  color: var(--text-color);
}
h1, h2, h3, h4, h5, h6, strong, b {
  color: var(--heading-color);
}
a { color: var(--link-color); }
a:visited { color: var(--visited-color); }
blockquote {
  color: var(--blockquote-color);
  border-left-color: #999;
}
/* Softer background for inline code (not code blocks) */
code:not(pre code) {
  background-color: #e8e8e8;
  color: var(--text-color);
  padding: 0.1em 0.3em;
  border-radius: 3px;
}
/* Hide skip-link until focused (accessibility feature) */
.skip-link {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip-link:focus {
  position: static;
  width: auto;
  height: auto;
  background: var(--background-color);
  color: var(--link-color);
  padding: 0.5em;
}