/*
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: 'opensans';
  src: /*url('fonts/opensans-regular.ttf') format('truetype'), trop lourd à charger*/
     url('../fonts/opensans-light-webfont.woff2') format('woff2'),
       url('../fonts/opensans-light-webfont.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
    font-family: 'opensans';
    src: /*url('fonts/opensans-regular.ttf') format('truetype'), trop lourd à charger*/
    	 url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'opensans';
    src: /*url('fonts/opensans-regular.ttf') format('truetype'), trop lourd à charger*/
    	 url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'opensans';
    src: /*url('fonts/opensans-regular.ttf') format('truetype'), trop lourd à charger*/
    	 url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'metropolis_extrabold';
    src: /*url('fonts/metropolis-extrabold.ttf') format('truetype'), trop lourd à charger*/
    	 url('../fonts/metropolis-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/metropolis-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswald';
    src: /*url('fonts/oswald-light.ttf') format('truetype'), trop lourd à charger*/
    	 url('../fonts/oswald-light-webfont.woff2') format('woff2'),
         url('../fonts/oswald-light-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'oswald';
    src: /*url('fonts/oswald-light.ttf') format('truetype'), trop lourd à charger*/
    	 url('../fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('../fonts/oswald-regular-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'oswald';
    src: /*url('fonts/oswald-light.ttf') format('truetype'), trop lourd à charger*/
    	 url('../fonts/oswald-bold-webfont.woff2') format('woff2'),
         url('../fonts/oswald-bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

:root{
  --main-text-font: 'opensans', 'Verdana', 'Arial';
  --main-title-font: 'oswald', 'Verdana', 'Arial';
  --art-title-font : 'oswald';
  --rare-title-font : 'metropolis_extrabold';

  --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);
}