/**
    Définition des variables pour ne pas se répéter par la suite.

    On utilise une variable en écrivant par exemple :
    .class {
        propriété: var(--ma-variable);
    }
*/
:root {
    /**
        Les deux typographies de la maquette, l'une est pour les titres et l'autre pour les textes.
        On précise d'autres typographies ensuite, en second choix (problème de chargement de la page...).
        Elles sont utilisées dans l'ordre, si la 1ère ne marche pas, la 2ème est utilisée...etc...
        
        Exemple d'utilisation :
        .class {
            font-family: var(--font-title);
        }
    */
    --font-title: 'ttnormspro', Helvetica, Arial, sans-serif;
    --font-text: 'muli', Helvetica, Arial, sans-serif;

    /**
        Les couleurs utilisées sur la maquette.
                
        Exemple d'utilisation :
        .class {
            color: var(--color-orange);
            background-color: var(--color-blue);
        }
    */
    --color-orange: #FF7130;
    --color-blue: #070723;
    --color-bluegrey: #5A5A73;
    --color-grey: #B7B7C7;
    --color-white: #FFFFFF;
    --color-placeholder: #C4C4C4; /** Utilisée pour les blocs non remplis (image pas encore chargée...) */
}