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

00 - COULEURS

*/



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



:root{

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

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

    /* Gris */
    --gray-100: #F5F5F5 ;
    --gray-200: #BABABA ;
    --gray-300: #DCDCDC ;
    --gray-400: #C7C7C7 ;
    --gray-500: #848484 ;
    --gray-600: #6C6C6C ;
    --gray-700: #707070 ;
    --gray-800: #A0A0A0 ;
    --gray-900: #212529 ;


    /* Couleurs */

    --blue:   #0000FF ;
    --blue-dark: #000691 ;
    --indigo:  #6610f2 ;
    --purple: #B777CD ;
    --pink: #FF5555 ;
    --red:     #dc3545 ;
    --orange: #F9A801 ;
    --yellow: #F3E75F  ;
    --yellow-dark: #D6C500  ;
    --green:   #28a745 ;
    --teal:    #20c997 ;
    --cyan: #23AEA9 ;
    --cyan-dark: #188682 ;


    --color-primary:       var(--blue) ;
    --color-secondary:     var(--yellow) ;

    --color-success:       #28a745 ;
    --color-info:          #17a2b8 ;
    --color-warning:       #ffc107 ;
    --color-danger:        #dc3545 ;
    --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 : 'proxima-nova', sans-serif;
}




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