@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Unna:wght@400;700&display=swap');

/* @font-face {
    font-family: 'Biondi sans Regular';
    src: url('fonts/biondi_sans_rg.woff2') format('woff2'),
         url('fonts/biondi_sans_rg.woff') format('woff'),
         url('fonts/biondi_sans_rg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} */

:root {
  --color-black: #000;
  --color-black-trans: rgba(0, 0, 0, 0.8);
  --color-white: #FFF;
  --color-white-trans: rgba(255, 255, 255, 0.8);

  --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: 5px;
  --gap-button-h: 10px;

  /*Font principale*/
  --font-primary: 'Fjalla One', sans-serif;
  --font-primary-weight: 400;
  /*Font paragraphes sauf hero */
  --font-secondary: 'Unna', sans-serif;
  --font-secondary-regular: 400;
  --font-secondary-bold: 700;

  --color-tooltip-bg: #000000;
  --color-tooltip-text: #FFFFFF;


  /* AUTRES VARIABLES
  --font-title: 'Roboto', sans-serif;
  --font-text:  'Roboto', sans-serif;
  
  --font-title-thin:     100;
  --font-title-regular:  400;
  --font-title-bold:     900;

  --font-text-thin:     100;
  --font-text-regular:  400;
  --font-text-bold:     900;
*/

  --height-header: 80px;

  --size-h1: 3.5rem;
  --size-h1-height: 3rem;
  --size-h2: 4rem;
  --size-h2-height: 4rem;
  --size-h3: 1.6rem;
  --size-h3-height: 2rem;
  --size-h4: 1.5rem;
  --size-h4-height: 1.2rem;
  --size-p: 2rem;
  --size-p-height: 2.2rem;

  font-size: 62.5%;      
      
}