/* Variables
--------------------------------------------------------- */
:root {
/* fonts */
	--ff-default: 'Bitter', 'Georgia', serif;
	--ff-alt: 'Bitter', 'Georgia', serif;

/* colors */
	--c-white: #FFFFFF;
	--c-primary: #b9b879;
	--c-primary-alt:#6E6D3C;
	--c-secondary: #b9b879;
	--c-secondary-alt: #6E6D3C;
	--c-danger: #BA6668;
	--c-danger-alt: #874A4B;
	--c-success: #7DD186;
	--c-success-alt: #5F9E65;
	--c-text: #3c3c3c;
	--c-headlines: #b9b879;
	--c-light-gray: #999999;
	--c-lightest-gray: #f1f0e3;

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

/* font-sizes */
	--fs-xl: 2.0rem, clamp(2.0rem, 1.2vw, 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;
	
/* 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: 2px 2px 2px 2px;
	--box-shadow-default: 0 0 20px rgba(100, 100, 100, 0.2);
}