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

/* colors */
	--c-white: #ffffff;
	--c-page-bg: #e5e5e5;
	/*--c-white: #f5f5f5;*/
	/*--c-white: #e4e1da;*/
	--c-primary: #1d1d1b;
	/*--c-primary-alt:#3a3a3a;*/
	--c-primary-alt:#606060;
	--c-secondary: #e4e1da;
	--c-secondary-alt: #E3D9C3;
	--c-danger: #FF8084;
	--c-danger-alt: #FF989C;
	--c-success: #9cca9f;
	--c-success-alt: #ADC9AF;
	--c-text: #1d1d1b;
	--c-light-gray: #C9C7C1;
	--c-lightest-gray: #e4e1da;

/* container widths and gaps / margins */
	--gap-default: 20px;
	--gap-half: 10px;
	--container-width: 1475px;
	--container-width-s: 1075px;
	--container-width-xs: 875px;

/* font-sizes */
	--fs-xl: 2.8rem;
	--fs-l: 2.4rem;
	--fs-m: 2.0rem;
	--fs-s: 1.6rem;
	--fs-xs: 1.4rem;

/* letters-spacing */
	--ls-l: 0.2rem;
	--ls-m: 0.1rem;
	--ls-s: 0.05rem;

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

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