@import url('fonts.googleapis.com/css?family=Inknut+Antiqua:500,900|Roboto+Slab');

@function approx($a, $b, $sublevel, $suplevel, $i) {

@return $a + ($b - $a)*($sublevel - $i)/($sublevel - $suplevel);

}

@mixin font-by-level($i) {

@if($i <= $title-level) {
    font-family: $title-font;
    font-size: approx($subtitle-fontsize, $title-fontsize,
                      $title-level, 0,
                      $i);
    font-weight: $title-fontweight;
} @elseif($i <= $subtitle-level) {
    font-family: $subtitle-font;
    font-size: approx($regular-fontsize, $subtitle-fontsize,
                      $regular-level, $subtitle-level,
                      $i);
    font-weight: $subtitle-fontweight;
} @else {
    font-family: $regular-font;
    font-size: approx($regular-fontsize, $subtitle-fontsize,
                      $regular-level, $subtitle-level,
                      $i);
    font-weight: $regular-fontweight;
}

}

body {

font-family: $regular-font;

}

@for $i from 1 through $regular-level {

h#{$i} {
    @include font-by-level($i)
}

}

p span {

@include font-by-level($regular-level);

}

strong {

@include font-by-level($strong-level);

}

a {

text-decoration: none;
color: $regular-color;

}

.site-navigation {

background-color: $nav-backcolor;
color: $nav-forecolor;

}

.site-navigation > * {

color: $nav-forecolor;
@include font-by-level($navigation-level);

}

.site-title {

text-transform: uppercase;
@include font-by-level(0);

}