/* Variables
--------------------------------------------------------- */
:root {
/* fonts */
	--ff-alt: "Hero", sans-serif;
	--ff-default: 'Open Sans', sans-serif;

/* colors */
	--c-white: #FFFFFF;
	--c-primary: #e8ba01;
	--c-primary-alt:#e8ba01;
	--c-secondary: #e8ba01;
	--c-secondary-alt: #e8ba01;
	--c-danger: #C84630;
	--c-danger-alt: #D35F4A;
	--c-success: #48C572;
	--c-success-alt: #5EDF89;
	--c-text: #5E5E5E;
	--c-headlines: #1a1a1a;
	--c-light-gray: #40444e;
	--c-lightest-gray: rgba(0, 0, 0, 0.05);

/* container widths and gaps / margins */
	--gap-default: 20px;
	--gap-half: 10px;
	--container-width: 1170px;
	--container-width-s: 970px;
	--container-width-xs: 750px;
	/* --container-width-xxs: 775px; */

/* font-sizes */
	--fs-xl: 2.8rem;
	--fs-l: 1.9rem;
	--fs-m: 1.5rem;
	--fs-s: 1.3rem;
	--fs-xs: 1.1rem;

/* letters-spacing */
	--ls-l: 0.2rem;
	--ls-m: 0.1rem;
	--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;

/* diverses */
	--border-radius: 0px;
	--box-shadow-default: 0 0 20px rgba(100, 100, 100, 0.2);
}