// Font Family
$font-family-default:  			"Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
$font-family-header:  			"Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
$font-family-mono: 				"Inconsolata", monospace;
$font-family-serif:				"Georgia", "Times", "Times New Roman", serif;
// @font-face

$typo: "Secuela";
$category: "sans-serif";
// secuela regular

$file: "Secuela-Regular";
$Regular: "Regular";
@mixin font-face($Regular, $file, $typo, $category:"") {
    $filepath: "../fonts/" + $typo + "/" + $file;
    @font-face {
        font-family: "#{$Regular}";
        src: url($filepath + ".eot");
        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
              url($filepath + ".woff") format('woff'),
              url($filepath + ".ttf")  format('truetype'),
              url($filepath + ".svg#" + $Regular + "") format('svg');
    }

    %#{$Regular} {
        font: {
            @if $category != "" {
                family: "#{$Regular}", #{$category};
                weight: normal;
            }
            @else {
                family: "#{$Regular}";
                weight: normal;
            }
        }
    }
}

// secuela medium
$file2: "Secuela-Medium";
$medium: "medium";
@mixin font-face($medium, $file2, $typo, $category:"") {
    $filepath: "../fonts/" + $typo + "/" + $file2;
    @font-face {
        font-family: "#{$medium}";
        src: url($filepath + ".eot");
        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
              url($filepath + ".woff") format('woff'),
              url($filepath + ".ttf")  format('truetype'),
              url($filepath + ".svg#" + $medium + "") format('svg');
    }

    %#{$medium} {
        font: {
            @if $category != "" {
                family: "#{$medium}", #{$category};
                weight: normal;
            }
            @else {
                family: "#{$medium}";
                weight: normal;
            }
        }
    }
}


// secuela bold
$file3: "Secuela-Bold";
$bold: "bold";
@mixin font-face($bold, $file3, $typo, $category:"") {
    $filepath: "../fonts/" + $typo + "/" + $file3;
    @font-face {
        font-family: "#{$bold}";
        src: url($filepath + ".eot");
        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
              url($filepath + ".woff") format('woff'),
              url($filepath + ".ttf")  format('truetype'),
              url($filepath + ".svg#" + $bold + "") format('svg');
    }

    %#{$bold} {
        font: {
            @if $category != "" {
                family: "#{$bold}", #{$category};
                weight: normal;
            }
            @else {
                family: "#{$bold}";
                weight: normal;
            }
        }
    }
}


// secuela italic
$file4: "Secuela-Italic";
$italic: "italic";
@mixin font-face($italic, $file4, $typo, $category:"") {
    $filepath: "../fonts/" + $typo + "/" + $file4;
    @font-face {
        font-family: "#{$italic}";
        src: url($filepath + ".eot");
        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
              url($filepath + ".woff") format('woff'),
              url($filepath + ".ttf")  format('truetype'),
              url($filepath + ".svg#" + $italic + "") format('svg');
    }

    %#{$italic} {
        font: {
            @if $category != "" {
                family: "#{$italic}", #{$category};
                weight: normal;
            }
            @else {
                family: "#{$italic}";
                weight: normal;
            }
        }
    }
}


// secuela light
$file5: "Secuela-Light";
$light: "light";
@mixin font-face($light, $file5, $typo, $category:"") {
    $filepath: "../fonts/" + $typo + "/" + $file5;
    @font-face {
        font-family: "#{$light}";
        src: url($filepath + ".eot");
        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
              url($filepath + ".woff") format('woff'),
              url($filepath + ".ttf")  format('truetype'),
              url($filepath + ".svg#" + $light + "") format('svg');
    }

    %#{$light} {
        font: {
            @if $category != "" {
                family: "#{$light}", #{$category};
                weight: normal;
            }
            @else {
                family: "#{$light}";
                weight: normal;
            }
        }
    }
}