:root{
    /*GRIS*/
    --noir: hsl(0,0%,0%);
    --gris-tres-fonce: hsl(0,0%,17%);
    --gris-fonce: hsl(0,0%,25%);
    --gris: hsl(0,0%,50%);
    --gris-clair: hsl(0,0%,75%);
    --gris-tres-clair: hsl(0,0%,87%);
    --blanc: hsl(0,0%,100%);

    /*PREMIERE*/
    --premiere-tres-clair:hsl(1, 20%, 98%);
    --premiere-clair:hsl(1, 20%, 96%);
    --premiere:red;
    --premiere-fonce:rgb(230, 0, 4);


    --couleur-1: #1c77c3ff;
    --couleur-2: #39a9dbff;
    --couleur-3: #40bcd8ff;
    --couleur-4: #f39237ff;
    --couleur-5: #d63230ff;

    
    --navajo-white: hsla(38, 100%, 82%, 1);
    --maize-crayola: hsla(44, 100%, 66%, 1);
    --saffron: hsla(44, 93%, 59%, 1);
    --maximum-yellow-red: hsla(41, 84%, 56%, 1);
    --princeton-orange: hsla(25, 80%, 53%, 1);
    --barn-red: hsla(11, 88%, 23%, 1);
    --bistre: hsla(28, 28%, 13%, 1);

}