@font-face {
font-family: 'Raleway';
src: url(//channelsailing.be/wp-content/themes/channelsailing/css/variables.css?ver=21/10/assets/fonts/raleway/raleway-regular.woff2) format('woff2'),
url(//channelsailing.be/wp-content/themes/channelsailing/css/variables.css?ver=21/10/assets/fonts/raleway/raleway-regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Futura';
src: url(//channelsailing.be/wp-content/themes/channelsailing/css/variables.css?ver=21/10/assets/fonts/futura-lt/futura-lt-book.woff2) format('woff2'),
url(//channelsailing.be/wp-content/themes/channelsailing/css/variables.css?ver=21/10/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;
}