$font-stack: Arial, Helvetica, sans-serif;
$color-body: #333;
$color-links: #39c;
$color-linksdark: #069;
$color-accent: #c00;
$color-grey10: #e5e5e5;

body {
  font: 100% $font-stack;
  color: $color-body;
}

h1 {
  color: $color-accent;
}

a {
  color: $color-links;
}

a:visited, a:hover, a:focus {
  color: $color-linksdark;
}

pre {
  background-color: $color-grey10;
  padding: 0 1em;
  margin-bottom: 2em;
}

nav {
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  li { display: inline-block; }

  a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
    background: $color-grey10;
    color: $color-links;
  }

  a:hover {
    background: $color-links;
    color: $color-grey10;
  }
}