:root {
  --color-1 : #000000; /*noir*/
  --color-2 : #FFFFFF; /*blanc*/
  --color-3 : #ED202E; /*rouge pétant*/
  --color-4 : #F9EAD3; /*beige*/

  --btn-primary-bg : #ED202E; /*rouge pétant*/
  --btn-primary-text : #000000; /*noir*/
  
  --h1-xs: 36px;
  --h1: 60px;
  --h2-xs: 28px;
  --h2: 40px;
  --h3-xs: 20px;
  --h3: 24px;
  --h4-xs: 16px;
  --h4: 16px;
}


@font-face {
	font-family: TypoMain;
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url(/assets/main-font-DvECJPPr.woff2) format("woff2"), url(/assets/main-font-C9GZqkuU.woff) format("woff");
}

@font-face {
	font-family: TypoTitle;
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url(/assets/title-font-C0VfMiCJ.woff2) format("woff2"), url(/assets/title-font-BdesiXAF.woff) format("woff");
}

@font-face {
	font-family: Tungsten;
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url(/assets/Tungsten-Semibold-BEU0tEy8.woff) format("eot"), url(/assets/Tungsten-Semibold-BEU0tEy8.woff) format("woff"), url(/assets/Tungsten-Semibold-uM9GlA7Z.ttf) format("truetype");
}

@font-face {
	font-family: Tungsten-Medium;
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url(/assets/TungstenNarrow-Medium-DI5m-_oI.woff) format("eot"), url(/assets/TungstenNarrow-Medium-DI5m-_oI.woff) format("woff"), url('/assets/TungstenNarrow-Medium-DI5m-_oI.woff') format('truetype');
}