/* Variables
--------------------------------------------------------- */
:root {
/* fonts */
	--ff-default: 'Work Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	--ff-alt: 'Montserrat', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;

/* colors */
	--c-white: #FFFFFF;
	/* --c-primary: #0345bf;
	--c-primary-alt:#1D59C5; */
	--c-primary: #707f87;
	--c-primary-alt:#5b686e;
	
	/* --c-primary: #73b531;
	--c-primary-alt: #8FC35C; */
	
	--c-secondary: #73b531;
	--c-secondary-alt: #8FC35C;
	--c-tertiary: #E50051;
	--c-tertiary-alt: #E52E71;
	--c-danger: #C84630;
	--c-danger-alt: #D35F4A;
	--c-success: #73b531;
	--c-success-alt: #8FC35C;
	--c-text: #1E1E24;
	--c-headlines: #1E1E24;
	--c-light-gray: #707f87;
	--c-lightest-gray: #F9F9F9;

/* container widths and gaps / margins */
	--gap-default: 20px;
	--gap-half: 10px;
	--container-width-l: 	1480px;
	--container-width: 		1240px;
	--container-width-s: 	1180px;
	--container-width-xs: 	840px;
	--container-width-xxs: 	580px;

/* font-sizes */
	--fs-xl: clamp(2.0rem, 1.767rem + 0.600vw, 2.6rem);
	--fs-l:  clamp(1.8rem, 1.567rem + 0.600vw, 2.4rem);
	--fs-m:  clamp(1.6rem, 1.522rem + 0.200vw, 1.8rem);
	--fs-s:  clamp(1.4rem, 1.322rem + 0.200vw, 1.6rem);
	--fs-xs: 1.3rem;

/* letters-spacing */
	--ls-l: 0.20rem;
	--ls-m: 0.10rem;
	--ls-s: 0.05rem;
	
/* line-height */
	--lh-l: 1.6;
	--lh-m: 1.4;
	--lh-s: 1.2;

/* animations */
	--a-easing-default: ease;
	--a-timing-default: 0.3s;
	--a-easing-slow: ease;
	--a-timing-slow: 0.3s;

/* miscellaneous */
	--border-radius: 0;
	--box-shadow-default: 0px 0px 25px 0px rgba(0,0,0,0.5);
}