/* Styles spécifiques pour la typographie, y compris les polices, tailles de texte, interlignes, etc. */

/*
    typography
*/
:root {
  --ff-logo: "Istok+web", sans-serif;
  --ff-one: "Fraunces", sans-serif;
  --ff-two: "Inter", sans-serif;
  --ff-three: "Inria Sans", sans-serif;
  --ff-four: "Gelasio", sans-serif;
  --ff-five: "Lucida Sans", sans-serif;
  --ff-six: "Allerta Stencil", sans-serif;
  --ff-seven: "jetBrains Mono", sans-serif;
  --ff-eight: "Lucida Console", sans-serif;
  --ff-nine: "Lexend", sans-serif;
  --ff-ten: "josefin Slab", sans-serif;
  --ff-eleven: "Calibri", sans-serif;

  /* font-size */  
  --fs-1: 10px;
  --fs-2: 15px;   
  --fs-3: 20px;  
  --fs-4: 25px;  
  --fs-5: 30px;  
  --fs-6: 35px;    
  --fs-7: 40px;
  --fs-8: 45px;
  --fs-9: 50px;  
  --fs-10: 55px;
  --fs-11: 60px;
  --fs-12: 65px;
  --fs-13: 70px; 
  --fs-14: 75px;    
  --fs-15: 80px; 
  --fs-16: 85px; 
  --fs-17: 90px; 
  --fs-18: 95px; 
  --fs-19: 100px; 
  --fs-20: 110px; 
  --fs-21: 120px;  
  --fs-22: 140px;  
  --fs-23: 150px;  
  --fs-24: 160px;  
  --fs-25: 170px;  



  /* margin-top or marign-bottom */
  --mb-1: 10px; 
  --mb-2: 15px; 
  --mb-3: 20px; 
  --mb-4: 25px; 
  --mb-5: 30px; 
  --mb-6: 35px; 
  --mb-7: 40px; 
  --mb-8: 45px; 
  --mb-9: 50px; 



  /* font-weight */
  --fs-h2: 50px;
  --fw-100: 100;
  --fw-200: 200;
  --fw-300: 300;
  --fw-500: 500; 
  --fw-600: 600; 
  --fw-700: 700; 
  --fw-800: 800; 
  --fw-900: 900; 

  /*
    spacing
  */

  --section-padding: 80px 0;
}