﻿:root {
    /* Définition des variables 
        Usage : 
        color: var(--primarybrush);
    */
    /* COULEUR */
    --primarybrush: #fafafa;
    --secondarybrush: #c9d4d8;
    --secondarybrushdark: #b1b1b1;
    --tertiarybrush: #53e0d7;
    --tertiarylightbrush: #44B7B0;
    --textbrush: #575755;
    --deletebrush: #dc3545;
    --deletelightbrush: #E46672;
    --transparentdarkbrush: rgba(0,0,0,.05);
    --logylinegradient: linear-gradient(90deg, rgba(252,234,13,1) 0%, rgba(204,204,46,1) 35%, rgba(57,169,53,1) 67%, rgba(68,183,176,1) 100%);
    --logylinegradientColor1: rgba(252,234,13,1);
    --logylinegradientColor2: rgba(204,204,46,1);
    --logylinegradientColor3: rgba(57,169,53,1);
    --logylinegradientColor4: rgba(68,183,176,1);
    --successColor: rgba(56,189,8,1);
    --successColorTransparent: rgba(56,189,8,0.5);
    --infoColor: rgba(7,126,140,1);
    --infoColorTransparent: rgba(7,126,140,0.5);
    --warningLightColor: rgba(255,238,186,1);
    --warningLightColorTransparent: rgba(255,238,186,0.5);
    --warningDarkColor: rgba(255,165,0,1);
    --warningDarkColorTransparent: rgba(255,165,0,0.5);
    --errorColor: rgba(244,67,54,1);
    --errorColorTransparent: rgba(244,67,54,0.5);
    --colorDark: #3a3b3c;
    --colorLight:white;

    /* FONT */
    --fontfamily: "Helvetica";
    --fontsizetitle: 24px;
    --fontsizesubTitle: 20px;
    --fontsizecontent: 16px;
    --fontsizesubcontent: 12px;
    --font-family: var(--fontfamily);
}
