/**** Colors ****/
$black: #000000;
$letterpress-red-100: #ffebee;
$letterpress-red-200: #ffcdd1;
$letterpress-red-300: #ff9a95;
$letterpress-red-400: #ff716b;
$letterpress-red-500: #ff4b42;
$letterpress-red-600: #ff2e23;
$letterpress-red-700: #ed211e;
$letterpress-red-800: #e01716;
$letterpress-red-900: #d00205;
$light-grey-100: #fcfaf9;
$light-grey-200: #f8f6f5;
$light-grey-300: #f2f0ef;
$light-grey-400: #e5e3e2;
$light-grey-500: #c2c0bf;
$light-grey-600: #a3a2a1;
$light-grey-700: #7a7877;
$light-grey-800: #666463;
$light-grey-900: #464544;
$powder-blue-100: #e6f1fb;
$powder-blue-200: #c4dcf5;
$powder-blue-300: #9fc7f1;
$powder-blue-400: #7bb1ee;
$powder-blue-500: #63a0ec;
$powder-blue-600: #5491e9;
$powder-blue-700: #4f83da;
$powder-blue-800: #4260b5;
$powder-blue-900: #374295;
$sand-yellow-100: #fef8e4;
$sand-yellow-200: #feedbb;
$sand-yellow-300: #fee290;
$sand-yellow-400: #fed866;
$sand-yellow-500: #fece4c;
$sand-yellow-600: #fcb837;
$sand-yellow-700: #fba633;
$sand-yellow-800: #fa962e;
$sand-yellow-900: #f87926;
$sea-green-100: #e0f2f1;
$sea-green-200: #b2dfdb;
$sea-green-300: #80cbc4;
$sea-green-400: #4db6ac;
$sea-green-500: #26a699;
$sea-green-600: #009687;
$sea-green-700: #00897a;
$sea-green-800: #00695c;
$sea-green-900: #004d40;
$sky-blue-100: #e2f2ff;
$sky-blue-200: #baddff;
$sky-blue-300: #8bc8ff;
$sky-blue-400: #56b2ff;
$sky-blue-500: #26a1ff;
$sky-blue-600: #0090ff;
$sky-blue-700: #186ef0;
$sky-blue-800: #1f5cdd;
$sky-blue-900: #263abe;
$soft-black: #31312f;
$white: #ffffff; 

/**** Fonts ****/
/** body **/
$body-font-family: 'Source Sans Pro', 'SourceSansPro-Regular';
$body-font-size: 15px;
$body-letter-spacing: 0px;
$body-line-height: 20px;
$body-font-weight: 400;
$body-color: $soft-black;

@mixin body() {
  font-family: $body-font-family;
  font-size: $body-font-size;
  letter-spacing: $body-letter-spacing;
  line-height: $body-line-height;
  font-weight: $body-font-weight;
  color: $body-color;
}
/** body-2 **/
$body-2-font-family: 'Source Sans Pro', 'SourceSansPro-Regular';
$body-2-font-size: 13px;
$body-2-letter-spacing: 0px;
$body-2-line-height: 16px;
$body-2-font-weight: 400;
$body-2-color: $soft-black;

@mixin body-2() {
  font-family: $body-2-font-family;
  font-size: $body-2-font-size;
  letter-spacing: $body-2-letter-spacing;
  line-height: $body-2-line-height;
  font-weight: $body-2-font-weight;
  color: $body-2-color;
}
/** headline-1 **/
$headline-1-font-family: 'F Grotesk', 'FGrotesk-Bold';
$headline-1-font-size: 36px;
$headline-1-letter-spacing: 0px;
$headline-1-line-height: 42px;
$headline-1-font-weight: 700;
$headline-1-color: $soft-black;

@mixin headline-1() {
  font-family: $headline-1-font-family;
  font-size: $headline-1-font-size;
  letter-spacing: $headline-1-letter-spacing;
  line-height: $headline-1-line-height;
  font-weight: $headline-1-font-weight;
  color: $headline-1-color;
}
/** headline-2 **/
$headline-2-font-family: 'F Grotesk', 'FGrotesk-Bold';
$headline-2-font-size: 27px;
$headline-2-letter-spacing: 0.3px;
$headline-2-line-height: 32px;
$headline-2-font-weight: 700;
$headline-2-color: $soft-black;

@mixin headline-2() {
  font-family: $headline-2-font-family;
  font-size: $headline-2-font-size;
  letter-spacing: $headline-2-letter-spacing;
  line-height: $headline-2-line-height;
  font-weight: $headline-2-font-weight;
  color: $headline-2-color;
}
/** headline-3 **/
$headline-3-font-family: 'F Grotesk', 'FGroteskDemi-Regular';
$headline-3-font-size: 23px;
$headline-3-letter-spacing: 0px;
$headline-3-line-height: 28px;
$headline-3-font-weight: 400;
$headline-3-color: $soft-black;

@mixin headline-3() {
  font-family: $headline-3-font-family;
  font-size: $headline-3-font-size;
  letter-spacing: $headline-3-letter-spacing;
  line-height: $headline-3-line-height;
  font-weight: $headline-3-font-weight;
  color: $headline-3-color;
}
/** headline-4 **/
$headline-4-font-family: 'F Grotesk', 'FGroteskDemi-Regular';
$headline-4-font-size: 19px;
$headline-4-letter-spacing: 0.2px;
$headline-4-line-height: 24px;
$headline-4-font-weight: 400;
$headline-4-color: $soft-black;

@mixin headline-4() {
  font-family: $headline-4-font-family;
  font-size: $headline-4-font-size;
  letter-spacing: $headline-4-letter-spacing;
  line-height: $headline-4-line-height;
  font-weight: $headline-4-font-weight;
  color: $headline-4-color;
}
/** headline-5 **/
$headline-5-font-family: 'F Grotesk', 'FGrotesk-Bold';
$headline-5-font-size: 16px;
$headline-5-letter-spacing: 0px;
$headline-5-line-height: 19px;
$headline-5-font-weight: 700;
$headline-5-color: $soft-black;

@mixin headline-5() {
  font-family: $headline-5-font-family;
  font-size: $headline-5-font-size;
  letter-spacing: $headline-5-letter-spacing;
  line-height: $headline-5-line-height;
  font-weight: $headline-5-font-weight;
  color: $headline-5-color;
}
/** label **/
$label-font-family: 'Source Sans Pro', 'SourceSansPro-Regular';
$label-font-size: 13px;
$label-letter-spacing: 0px;
$label-line-height: 16px;
$label-font-weight: 400;
$label-color: $soft-black;

@mixin label() {
  font-family: $label-font-family;
  font-size: $label-font-size;
  letter-spacing: $label-letter-spacing;
  line-height: $label-line-height;
  font-weight: $label-font-weight;
  color: $label-color;
}
/** label-bold **/
$label-bold-font-family: 'Source Sans Pro', 'SourceSansPro-SemiBold';
$label-bold-font-size: 13px;
$label-bold-letter-spacing: 0.4px;
$label-bold-line-height: 16px;
$label-bold-font-weight: 600;
$label-bold-color: $soft-black;

@mixin label-bold() {
  font-family: $label-bold-font-family;
  font-size: $label-bold-font-size;
  letter-spacing: $label-bold-letter-spacing;
  line-height: $label-bold-line-height;
  font-weight: $label-bold-font-weight;
  color: $label-bold-color;
}
/** subtitle **/
$subtitle-font-family: 'Source Sans Pro', 'SourceSansPro-SemiBold';
$subtitle-font-size: 15px;
$subtitle-letter-spacing: 0px;
$subtitle-line-height: 20px;
$subtitle-font-weight: 600;
$subtitle-color: $soft-black;

@mixin subtitle() {
  font-family: $subtitle-font-family;
  font-size: $subtitle-font-size;
  letter-spacing: $subtitle-letter-spacing;
  line-height: $subtitle-line-height;
  font-weight: $subtitle-font-weight;
  color: $subtitle-color;
}
/** subtitle-2 **/
$subtitle-2-font-family: 'Source Sans Pro', 'SourceSansPro-SemiBold';
$subtitle-2-font-size: 13px;
$subtitle-2-letter-spacing: 0px;
$subtitle-2-line-height: 16px;
$subtitle-2-font-weight: 600;
$subtitle-2-color: $soft-black;

@mixin subtitle-2() {
  font-family: $subtitle-2-font-family;
  font-size: $subtitle-2-font-size;
  letter-spacing: $subtitle-2-letter-spacing;
  line-height: $subtitle-2-line-height;
  font-weight: $subtitle-2-font-weight;
  color: $subtitle-2-color;
}