/*********
* FONTS *
*********/
@font-face 
{
	font-family: product-sans-bold;
	src: url('../fonts/productsans/productsansbold.ttf');
}
@font-face 
{
	font-family: product-sans;
	src: url('../fonts/productsans/productsansregular.ttf');
}

/*************
* VARIABLES *
*************/
:root
{
	/* common colors */
	--siteDarkBlue: rgb(0, 0, 17);
	--siteLightBlue: rgb(26,26,41);

	/* paddings & margins */
	--desktopSideMargin: 80px;
	--desktopVerticalSpacing: 50px;
	--desktopHeaderHeight: 80px;
	--desktopPadding: 20px;
	--mobileSideMargin: 10px;
	--mobileVerticalSpacing: 25px;
	--mobileHeaderHeight: 60px;
	--mobilePadding: 10px;
	--centerBlock: 0 auto;

	/* box shadows */
	--perspectiveBoxShadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
	--centeredBoxShadow: 0 0px 10px rgba(0, 0, 0, .25);
	--innerBoxShadow: inset 0 0 10px rgba(0, 0, 0, .25);

	/* vars controlled by external scripts */
	--slideShowBGPos: 0px;
}