@font-face {
	font-family: 'Raleway';
	src: url('assets/fonts/raleway/raleway-regular.woff2') format('woff2'),
		 url('assets/fonts/raleway/raleway-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Futura';
	src: url('assets/fonts/futura-lt/futura-lt-book.woff2') format('woff2'),
		 url('assets/fonts/futura-lt/futura-lt-book.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {

	--sail-white: #FFF;
	--harbor-black: #000;

	--navy-blue: #093C6B;
	--ocean-blue: #0080BC;
	--wave-blue: #00A6E2;
	--sky-blue: #BCE4FA;

	--navy-gradient-straight: linear-gradient(180deg, #093C6B 10%, #0080BC 90%);
	--ocean-gradient-straight: linear-gradient(180deg, #0080BC 10%, #00A6E2 90%);
	--wave-gradient-straight: linear-gradient(180deg, #00A6E2 10%, #BCE4FA 90%);

	--navy-gradient-diagonal: linear-gradient(-45deg, #093C6B 10%, #0080BC 90%);
	--ocean-gradient-diagonal: linear-gradient(-45deg, #0080BC 10%, #00A6E2 90%);
	--wave-gradient-diagonal: linear-gradient(-45deg, #00A6E2 10%, #BCE4FA 90%);

	--body-font: 'Raleway';
	--title-font: 'Futura Lt';

	--medium-grey: #BDBDBD;
	--light-grey: #F7F7F7;

}