// Colors

$gray-medium: #859D94;
$text: #0C3C26;
$text-light: #798780;
$gray-line: #CFE3DC;
$green-very-light: #C9F0DD;
$green-light: #93D7B7;
$green-medium: #44B78B;
$green-medium-dark: #2B8C67;
$green: #20AA76;
$green-dark: #0C4B33;
$green-dark-text: #3C8866;
$white: #F1FFF7;
$warning-yellow: #FFFDF1;
$warning-dark-yellow: #F5F1C7;
$red: #BA2121;
$red-light: #FFBABA;
$red-dark: #6A0E0E;
$font-path: "../fonts/fira-mono";

// @font-face declarations

@font-face {
    font-family: 'Fira Mono';
    src: url('#{$font-path}/FiraMono-Regular.eot');
    src: url('#{$font-path}/FiraMono-Regular.eot') format('embedded-opentype'),
         url('#{$font-path}/FiraMono-Regular.woff') format('woff'),
         url('#{$font-path}/FiraMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Fira Mono';
    src: url('#{$font-path}/FiraMono-Bold.eot');
    src: url('#{$font-path}/FiraMono-Bold.eot') format('embedded-opentype'),
         url('#{$font-path}/FiraMono-Bold.woff') format('woff'),
         url('#{$font-path}/FiraMono-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

// Media Queries Mixin (http://jakearchibald.github.com/sass-ie/)
@mixin respond-min($width) {
    @media screen and (min-width: $width) {
        @content;
    }
}

@mixin device-min($width) {
    @media screen and (min-device-width: $width) {
        @content;
    }
}

// Retina media query mixin
@mixin retina-display {
    @media only screen and
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        @content;
    }
}

// Font Family Mixins
@mixin serif {
    font-family: Palatino, "Palatino Linotype", "Book Antiqua", "Hoefler Text", Georgia, "Lucida Bright", Cambria, Times, "Times New Roman", serif;
}
@mixin sans-serif {
    font-family: "Roboto", Corbel, Avenir, "Lucida Grande", "Lucida Sans", sans-serif;
}
@mixin monospace {
    font-family: "Fira Mono", Consolas, Menlo, Monaco, "Courier New", Courier, monospace;
    font-variant-ligatures: no-common-ligatures;  // disables the common ligatures only
    text-rendering: optimizeSpeed;  // for Safari 7.x
}

// Font Sizing Mixin (http://css-tricks.com/snippets/css/less-mixin-for-rem-font-sizing/)
html {
    font-size: 62.5%;
}
@mixin font-size ( $size: 16 ) {
    font-size: $size + px;
    font-size: $size/10 + rem;
}

// Boilerplate Helper mixins (https://github.com/h5bp/html5-boilerplate/blob/v4.1.0/doc/css.md)
@mixin visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
@mixin clearfix {
    &:before,
    &:after {
        content: "";
        display: table;
    }
    &:after {
        clear: both;
    }
}

@mixin svg-image ( $name ) {
    background-image: url('../img/'+$name+'.png');
    .mdzr-svg & {
        background-image: url('../img/'+$name+'.svg');
    }
}

// Green Link Mixin
@mixin link-green {
    color: $green;
    text-decoration: none;
    &:visited {
        color: $green;
    }
    &:hover,
    &:active,
    &:focus {
        color: lighten($green, 6%);
        text-decoration: none;
    }

}

// Secondary content box-shadow:
@mixin secondary-shadow-top {
    -moz-box-shadow: 0 4px 8px rgba(12,60,38,0.07);
    -webkit-box-shadow: 0 4px 8px rgba(12,60,38,0.07);
    box-shadow: 0 4px 8px rgba(12,60,38,0.07);
}

@mixin secondary-shadow-bottom {
    -moz-box-shadow: 0 -4px 8px rgba(12,60,38,0.07);
    -webkit-box-shadow: 0 -4px 8px rgba(12,60,38,0.07);
    box-shadow: 0 -4px 8px rgba(12,60,38,0.07);
}

@mixin framed-image {
    padding: 20px;
    border: 1px solid $gray-line;
    border-radius: 4px;
}
