$dark-border: rgba(34,36,38,.15);

$colors-lightest: #EEE;
$colors-darkest: #111;
$colors-light: #CCC;

$normal-size: 1rem;
$medium-size: 1.3rem;
$big-size: 1.8rem;

@mixin font($a : none, $size : $normal-size) {
  @if $a == bold {
    font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-size: $size;
  } @else if $a == medium {
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-size: $size;
  } @else if $a == light {
    font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 300;
    font-stretch: normal;
    font-size: $size;
  } @else if $a == thin {
    font-family: "HelveticaNeueThin", "HelveticaNeue-Thin", "Helvetica Neue Thin", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif;
    font-weight: 200;
    font-stretch: normal;
    font-size: $size;
  } @else {
    font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-size: $size;
  }
}

@mixin border($a : none) {
  @if $a == bold {
    border: 3px solid $dark-border;
  } @else if $a == medium {
    border: 2px solid $dark-border;
  } @else if $a == thin {
    border: 1px solid $dark-border;
  } @else {
    &:focus {
      outline: none;
    }
    border: none;
  }
}