/* 
	color variables 
*/

@font-face {
	font-family: 'PPFragment-SerifRegular';
	src: url("fonts/PPFragment-SerifRegular.woff") format("woff");
	src: url("fonts/PPFragment-SerifRegular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'PPFragment-SerifBold';
	src: url("fonts/PPFragment-SerifBold.woff") format("woff");
	src: url("fonts/PPFragment-SerifBold.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'HelveticaNeueLTPro-Roman';
	src: url("fonts/HelveticaNeueLTPro-Roman.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'HelveticaNeueLTPro-Md';
	src: url("fonts/HelveticaNeueLTPro-Md.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'HelveticaNeueLTPro-Bd';
	src: url("fonts/HelveticaNeueLTPro-Bd.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'HelveticaNeueLTPro-Th';
	src: url("fonts/HelveticaNeueLTPro-Th.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'HelveticaNeueLTPro-Lt';
	src: url("fonts/HelveticaNeueLTPro-Lt.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

:root {
	--teal: #225163;
	--teal-light: #6e8d99;
	--blue-light: #bce1f1;
	--orange: #ed7b57;
	--orange-text: #e96035;
	--gray: #999999;
	--gray-light: #f0f0f0;
	--red: #cc0000;
	--black: #000000;
	--white: #ffffff;
	--serif: "PPFragment-SerifRegular",serif;
	--serif-bold: "PPFragment-SerifBold",serif;
	--sans-serif: "HelveticaNeueLTPro-Roman",sans-serif;
	--sans-serif-medium: "HelveticaNeueLTPro-Md",sans-serif;
	--sans-serif-bold: "HelveticaNeueLTPro-Bd",sans-serif;
	--sans-serif-light: "HelveticaNeueLTPro-Lt",sans-serif;
}