/**
* #.# Fonts
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/**
* #.# Variables CSS
*/

:root {    
  
	--width-title-hero-home: 36%;
  	--width-subtitle-hero-home: 55%;
  
/* --------- Font Title --------- */
	--h1-font-align: ;
  	--h1-font-family: Cormorant Garamond,serif;
  	--h1-font-lineheight: 72px;
  	--h1-font-size: 72px;
  	--h1-font-spacing: ;
  	--h1-font-transform: ;
  	--h1-font-weight: 600;
  
  	--h2-font-align: ;
  	--h2-font-family: Cormorant Garamond,serif;
  	--h2-font-lineheight: 48px;
  	--h2-font-size: 48px;
  	--h2-font-spacing: ;
  	--h2-font-transform: ;
  	--h2-font-weight: 600;
  
  	--h3-font-align: ;
  	--h3-font-family: Cormorant Garamond,serif;
  	--h3-font-lineheight: 32px;
  	--h3-font-size: 24px;
  	--h3-font-spacing: ;
  	--h3-font-transform: ;
  	--h3-font-weight: 600;
  
  	--h4-font-align: ;
  	--h4-font-family: Cormorant Garamond,serif;
  	--h4-font-lineheight: 28px;
  	--h4-font-size: 20px;
  	--h4-font-spacing: ;
  	--h4-font-transform: ;
  	--h4-font-weight: 600;
  
  	--h5-font-align: ;
  	--h5-font-family: DM Sans,sans-serif;
  	--h5-font-lineheight: normal;
  	--h5-font-size: 20px;
  	--h5-font-spacing: ;
  	--h5-font-transform: ;
  	--h5-font-weight: 500;
  
  	--h6-font-align: ;
  	--h6-font-family: DM Sans,sans-serif;
  	--h6-font-lineheight: normal;
  	--h6-font-size: 16px;
  	--h6-font-spacing: ;
  	--h6-font-transform: ;
  	--h6-font-weight: 500;
/* ------- End Font Title ------- */
  
/* --------- Mobile Font Title --------- */
  --mobile-h1-font-align: ;
  --mobile-h1-font-family: Cormorant Garamond,serif;
  --mobile-h1-font-lineheight: 72px;
  --mobile-h1-font-size: 48px;
  --mobile-h1-font-spacing: ;
  --mobile-h1-font-transform: ;
  --mobile-h1-font-weight: 600;

  --mobile-h2-font-align: ;
  --mobile-h2-font-family: Cormorant Garamond,serif;
  --mobile-h2-font-lineheight: 48px;
  --mobile-h2-font-size: 30px;
  --mobile-h2-font-spacing: ;
  --mobile-h2-font-transform: ;
  --mobile-h2-font-weight: 600;

  --mobile-h3-font-align: ;
  --mobile-h3-font-family: Cormorant Garamond,serif;
  --mobile-h3-font-lineheight: 32px;
  --mobile-h3-font-size: 24px;
  --mobile-h3-font-spacing: ;
  --mobile-h3-font-transform: ;
  --mobile-h3-font-weight: 600;

  --mobile-h4-font-align: ;
  --mobile-h4-font-family: DM Sans,sans-serif;
  --mobile-h4-font-lineheight: normal;
  --mobile-h4-font-size: 18px;
  --mobile-h4-font-spacing: ;
  --mobile-h4-font-transform: ;
  --mobile-h4-font-weight: SemiBold;

  --mobile-h5-font-align: ;
  --mobile-h5-font-family: DM Sans,sans-serif;
  --mobile-h5-font-lineheight: normal;
  --mobile-h5-font-size: 18px;
  --mobile-h5-font-spacing: ;
  --mobile-h5-font-transform: ;
  --mobile-h5-font-weight: SemiBold;

  --mobile-h6-font-align: ;
  --mobile-h6-font-family: DM Sans,sans-serif;
  --mobile-h6-font-lineheight: normal;
  --mobile-h6-font-size: 16px;
  --mobile-h6-font-spacing: ;
  --mobile-h6-font-transform: ;
  --mobile-h6-font-weight: Medium;
/* ------- End Font Title ------- */
  
  
  --body-font-align: ;
  --body-font-family: Inter,sans-serif;
  --body-font-lineheight: 29px;
  --body-font-size: 16px;
  --body-font-letterspacing: ;
  --body-font-transform: ;
  --body-font-weight: 400;
  
  --button-font-align: ;
  --button-font-family: Inter,sans-serif;
  --button-font-lineheight: normal;
  --button-font-size: 14px;
  --button-font-letterspacing: ;
  --button-font-transform: ;
  --button-font-weight: regular;
  
  --label-font-align: ;
  --label-font-family: DM Sans,sans-serif;
  --label-font-lineheight: 20px;
  --label-font-size: 14px;
  --label-font-letterspacing: ;
  --label-font-transform: ;
  --label-font-weight: 400;
  
  --caption-font-align: ;
  --caption-font-family: Inter,sans-serif;
  --caption-font-lineheight: 16px;
  --caption-font-size: 12px;
  --caption-font-letterspacing: 3.6px;
  --caption-font-transform: uppercase;
  --caption-font-weight: regular;
  
  --testi-font-align: ;
  --testi-font-family: Cormorant Garamond,serif;
  --testi-font-lineheight: 36px;
  --testi-font-size: 30px;
  --testi-font-letterspacing: ;
  --testi-font-transform: ;
  --testi-font-weight: normal;
  
  --testi-title-align: ;
  --testi-title-family: Cormorant Garamond,serif;
  --testi-title-lineheight: 28px;
  --testi-title-size: 18px;
  --testi-title-letterspacing: ;
  --testi-title-transform: ;
  --testi-title-weight: 600;
  
  --background: #F4F0EB;
  --background-second: #F0EBE5;
  --background-prefooter: url(http://root.monentreprisesurleweb.fr/media/original/charpentier-2-308178.jpg);
  --background-prefooter-color: rgba(57, 50, 45, 0.8);
  --filtre-image: linear-gradient(90deg, rgba(57, 50, 45, 0.8) 0%, rgba(57, 50, 45, 0.5) 50%, rgba(57, 50, 45, 0.2) 100%);
  
  --accent-color: #A3715C;
  --menu-color: #5C5651;
  --menu-color-hover: #A3715C;
  --primary: #564B43;
  --text-color: #988C81;
  --title-color: #39322D;
  --text-image: #fff;
  --text-footer: #fff;
}