:root {
  --color-1 : #fff2b2; /* Beige */
  --color-2 : #E4DAC5; /* Blanc gris */
  --color-3 : #4d2626; /* Marron */

  --btn-primary-bg : #4d2626;
  --btn-primary-text : #fff2b2;
  
  --h1-xs: 36px;
  --h1: 72px;
  --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(../fonts/main-font.woff2) format("woff2"), url(../fonts/main-font.woff) format("woff");
}

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

@font-face {
	font-family: WoodlandBold;
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url(../fonts/PPWoodland-Bold.woff2) format("woff2"), url(../fonts/PPWoodland-Bold.woff) format("woff");
}

@font-face {
	font-family: WoodlandLight;
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url(../fonts/PPWoodland-Ultralight.woff2) format("woff2"), url(../fonts/PPWoodland-Ultralight.woff) format("woff");
}

.font-woodland-light {
  font-family: 'WoodlandLight', sans-serif;
}

.font-woodland-bold {
  font-family: 'WoodlandBold', sans-serif;
}