SASS Example.SCSS

$font-base: 12px;
$red: #d80000;
$dkbrown: #2b1d0e;
$eggshell: #F0EAD6;
$tan: #D2B48C;

body {
  font-size: $font-base;
  background-color: $eggshell;
  color: $dkbrown;
  
  .content {
    border: 1px solid $tan;
  }
  
  h1, h2, h3, h4, h5 { 
    color: mix($dkbrown, $red, 12%); // Brown with a little Red
  }
  h5 {
    font-size: $font-base;
  }
  h4 {
    font-size: $font-base * 1.2;
  }
  h3 {
    font-size: $font-base * 1.4;
  }
  h2 {
    font-size: $font-base * 1.6;
  }
  h1 {
    font-size: $font-base * 2.0;
  }
}