/* Variables
--------------------------------------------------------- */
:root {
/* fonts */
	--ff-default: 'Sofia Sans Condensed', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	--ff-alt: 'Nova Mono', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;

/* colors */
	--c-white: #FFFFFF;
	--c-primary: #f2a821;
	--c-primary-alt: #FFB224;
	--c-secondary: #000000;
	--c-secondary-alt: #333333;
	--c-danger: #C84630;
	--c-danger-alt: #D35F4A;
	--c-warning: #FCC130;
	--c-warning-alt: #FFCC4A;
	--c-success: #48C572;
	--c-success-alt: #5EDF89;
	--c-text: #000000;
	--c-headlines: #000000;
	--c-light-gray: #858C9F;
	--c-lightest-gray: #dfdbcd;

/* container widths and gaps / margins / paddings */
	--gap-default: 20px;
	--gap-half: 10px;
	--container-width: 		1500px;
	--container-width-s: 	1280px;
	--container-width-xs: 	1024px;
	--container-width-xxs: 	767px;
	--space-xxl: clamp(10rem, -0.270rem + 13.500vw, 20rem);
	--space-xl:  clamp(8rem, -0.216rem + 10.800vw, 16rem);
	--space-l:   clamp(6rem, -0.162rem + 8.100vw, 12rem);
	--space-m:   clamp(4rem, -0.108rem + 5.400vw, 8rem);
	--space-s:   clamp(2rem, -0.054rem + 2.700vw, 4rem);
	--space-xs:  clamp(1rem, -0.027rem + 1.400vw, 2rem);

/* font-sizes */
	--fs-xxl: clamp(3rem, 2.160rem + 2.000vw, 6rem);
	/* --fs-xl: clamp(2.4rem, -0.065rem + 3.200vw, 4.8rem); */
	--fs-xl: clamp(2.2rem, 1.584rem + 1.500vw, 4.4rem);
	/* --fs-l:  clamp(2rem, -0.054rem + 2.700vw, 4rem); */
	--fs-l:  clamp(2rem, 1.464rem + 0.800vw, 3.2rem);
	--fs-xm: clamp(1.6rem, 1.488rem + 0.300vw, 2rem);
	--fs-m:  clamp(1.6rem, 1.522rem + 0.200vw, 1.8rem);
	--fs-s:  clamp(1.4rem, 1.322rem + 0.200vw, 1.6rem);
	--fs-xs: clamp(1.2rem, 1.122rem + 0.200vw, 1.4rem);

/* 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: 2px 2px 2px 2px;
	--box-shadow-default: 0 0 20px rgba(100, 100, 100, 0.2);
}