/************************************************************************
                            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: #4F64E3;
  --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-blue: rgb(80, 102, 226);
  --color-blue-text: #FFF;
  --color-blue-trans: rgba(80, 102, 226, 0.8);  
  --color-blue-trans-more: rgba(80, 102, 226, 0.4);

  --color-bluedark: rgb(0, 30, 107);
  --color-bluedark-text: #FFF;
  --color-bluedark-trans: rgba(0, 30, 107, 0.8);  
  --color-bluedark-trans-more: rgba(0, 30, 107, 0.4);    
  
  --color-green: rgb(100, 202, 138);
  --color-green-text: #FFF;
  --color-green-trans: rgba(100, 202, 138, 0.8);  
  --color-green-trans-more: rgba(100, 202, 138, 0.4);


  --color-greenpack: rgb(16, 182, 173);
  --color-greenpack-text: #FFF;
  --color-greenpack-trans: rgba(16, 182, 173, 0.8);  
  --color-greenpack-trans-more: rgba(16, 182, 173, 0.4);

  --color-bluepack: rgb(50, 71, 188);
  --color-bluepack-text: #FFF;
  --color-bluepack-trans: rgba(50, 71, 188, 0.8);  
  --color-bluepack-trans-more: rgba(50, 71, 188, 0.4);

  --color-orangepack: rgba(255, 162, 13, 1);
  --color-orangepack-text: #FFF;
  --color-orangepack-trans: rgba(255, 162, 13, 0.8);  
  --color-orangepack-trans-more: rgba(255, 162, 13, 0.4);

  --color-gris: rgb(118, 118, 119);
  --color-gris-text: #FFF;
  --color-gris-trans: rgba(118, 118, 119, 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-11: 165px;
  --gap-12: 180px;

  --gap-button-v: 10px; 
  --gap-button-h: 40px;

  --font-primary: 'Alexandria', sans-serif;
  --font-primary-thin: 100;
  --font-primary-light: 300;
  --font-primary-regular: 400;
  --font-primary-bold: 900;

  --font-secondary: 'Playfair', sans-serif;  
  --font-secondary-light: 300;
  --font-secondary-regular: 400;
  --font-secondary-bold: 900;  

  --height-header: 80px;

  --size-p: 1.6rem;
  --size-p-height: 140%;

  font-size: 62.5%;
}