@import 'colors';
$font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
$juno-font-family: 'Lato', 'Roboto', 'Helvetica', 'Arial', sans-serif;
$primary-font-size: 14px;
$secondary-font-size: 13px;
$tertiary-font-size: 12px;

@mixin primary-font {
  font-family: $font-family;
  font-size: $primary-font-size;
  color: $night;
}

@mixin second-primary-font {
  font-family: $font-family;
  font-size: $secondary-font-size;
  color: $night;
}

@mixin secondary-font {
  font-family: $font-family;
  font-size: $secondary-font-size;
  color: $darkergray;
}

@mixin field-label-font {
  font-family: $font-family;
  font-size: $secondary-font-size;
  color: $night;
  font-weight: bold;
}

@mixin field-value-font {
  font-family: $font-family;
  font-size: $tertiary-font-size;
  color: $darkergray;
}