@import './colors';
@import './assets';
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

@font-face {
  font-family: 'Lato';
  src: local('Lato-Semibold'),
       local('Lato Semibold'),
       url('#{$font-path}/Lato-Semibold.woff2') format('woff2'),
       url('#{$font-path}/Lato-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

$app-font-family: 'Lato', 'Helvetica Neue', Arial, sans-serif !default;
$app-light-font-family: 'HelveticaNeue-Light', 'Helvetica Neue', Arial, sans-serif !default;
$app-medium-font-family: 'HelveticaNeue-Medium', 'Helvetica Neue', Arial, sans-serif !default;
$app-font-size: 14px !default;
$app-line-height: 16px !default;
$app-text-color: $grey-dark-blue !default;
$grid-margin: 15px !default;
$grid-margin-extra-small: 2px !default;
$grid-margin-small: 5px !default;
$grid-margin-medium-small: 10px !default;
$grid-margin-medium: $grid-margin !default;
$grid-margin-medium-large: 30px !default;
$grid-margin-large: 60px !default;
$grid-margin-extra-large: 90px !default;
$app-max-width: 1600px !default;
$app-width: 958px !default;
$app-tooltip-pointer-size: 7px !default;
$app-navigation-height: 40px !default;