/*
Compatible avec les typos variables
Utiliser le site suivant pour convertir depuis TTF : 
https://products.aspose.app/font/fr/conversion/ttf

Déposer les fichiers WOFF et WOFF2 dans le dossier /fonts du thème enfant

Exemple : 
@font-face {
  font-family: 'TypoExemple';
  src:  url('../fonts/myfont.woff2') format('woff2'),
        url('../fonts/myfont.woff') format('woff');
}
*/

@font-face {
  font-family: 'FairwebTexte';
  src: url('../fonts/Montserrat-Variable.woff2') format('woff2');
}

:root{
  --main-text-font: 'FairwebTexte', 'Verdana', 'Arial';
  --main-title-font: 'FairwebTexte', 'Verdana', 'Arial';

  --small-font-size: 1rem;
  --small-line-height: 1.2;

  --medium-font-size: 1.4rem;
  --medium-line-height: 1.3;

  --large-font-size: 2.5rem;
  --large-line-height: 1.2;

  --x-large-font-size: 2.8rem;
  --x-large-line-height: 1.2;
}

.has-small-font-size{
  font-size: var(--small-font-size);
  line-height: var(--small-line-height);
}

.has-medium-font-size{
  font-size: var(--medium-font-size);
  line-height: var(--medium-line-height);
}

.has-large-font-size{
  font-size: var(--large-font-size);
  line-height: var(--large-line-height);
}

.has-x-large-font-size{
  font-size: var(--x-large-font-size);
  line-height: var(--x-large-line-height);
}