/* ------
SOMMAIRE
---------*/
/*

00 - COULEURS

*/



/* ----------
00 - COULEURS
-------------*/



:root{

    /*Blanc*/
	--white: #fff;

    /*Noir*/
	--black: #000;

    /* Gris */
    --gray-100: #F0F0F0 ;
    --gray-200: #e9ecef ;
    --gray-300: #D5D5D5 ;
    --gray-400: #ced4da ;
    --gray-500: #ACACAC ;
    --gray-600: #6c757d ;
    --gray-700: #495057 ;
    --gray-800: #343a40 ;
    --gray-900: #212529 ;
    --gray: #F6F8FA ;


    /* Couleurs */

    --blue:    #007bff ;
    --indigo:  #6610f2 ;
    --purple:  #9790a5 ;
    --pink:    #e83e8c ;
    --red:     #F42B38 ;
    --orange:  #fd7e14 ;
    --yellow:  #FDEB1A ;
    --green:   #1FCB96 ;
    --teal:    #20c997 ;
    --cyan:    #17a2b8 ;


    --color-primary:        #F42B38 ;
    --color-secondary:     var(--black);

    --color-success:       #28a745 ;
    --color-info:          #17a2b8 ;
    --color-warning:       #ffc107 ;
    --color-danger:        #F42B38 ;
    --color-light:         #f8f9fa ;
    --color-dark:          #343a40 ;

    /* Font weight */
    --thin       : 100;
    --extralight : 200; --extraLight : 200;
    --light      : 300;
    --regular    : 400;
    --medium     : 500;
    --semibold   : 600; --semiBold : 600;
    --bold       : 700;
    --extrabold  : 800; --extraBold : 800;
    --Black      : 900;

    /* Font family */
    --font-primary : 'lato', sans-serif;
}




.color-primary{
    color: var(--color-primary);
}
.color-secondary{
    color: var(--color-secondary);
}
.color-tertiary{
    color: var(--yellow);
}