/************************************************************************
                            IMPORT DES POLICES
************************************************************************/

/*
 * @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;900&family=Roboto+Condensed:wght@300;400;700&display=swap');
 * mettre dans font.css le contenu de l'url une fois que c'est terminé.
 * Accelere le chargement de la page
 */

 :root {
   --color-primary: rgb(191, 165, 120);
   --color-primary-text: #FFF;
   --color-primary-trans: rgba(191, 165, 120, 0.8);

   --color-secondary: rgb(191, 165, 120);
   --color-secondary-text: #FFF;
   --color-secondary-trans: rgba(191, 165, 120, 0.8);   
 
  --color-black: #000;
  --color-black-text: #FFF;
  --color-black-trans: rgba(0, 0, 0, 0.8);
  --color-black-trans-more: rgba(0, 0, 0, 0.4);

  --color-white: #FFF;
  --color-white-text: #000;
  --color-white-trans: rgba(255, 255, 255, 0.8);
  --color-white-trans-more: rgba(0, 0, 0, 0.4);

   --vertical-menu-color-bg: #5066E2;
   --vertical-menu-color-text: #FFF;
   --vertical-menu-width : 400px;
      
   --gap-xs: 8px;
   --gap: 15px;
   --gap-2: 30px;
   --gap-3: 45px;
   --gap-4: 60px;
   --gap-5: 75px;
   --gap-6: 90px;
   --gap-7: 105px;
   --gap-8: 120px;
   --gap-9: 135px;
   --gap-10: 150px;
 
   --gap-button-v: 10px;
   --gap-button-h: 20px;
 
   --font-primary: "Amatic SC", sans-serif;
   --font-primary-thin: 100;
   --font-primary-regular: 400;
   --font-primary-bold: 900;

   --font-secondary: 'Roboto Condensed', sans-serif;
   --font-secondary-thin: 300;
   --font-secondary-regular: 400;
   --font-secondary-bold: 700;
 
   --margin-top-bloc: 60px;
 
   --size-p: 1.45rem;
 
   font-size: 62.5%;
 }