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

00 - COULEURS

*/



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



:root{

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

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

    /* Gris */
    --gray-100: #f8f9fa ;
    --gray-200: #F4F6F8 ;
    --gray-300: #dee2e6 ;
    --gray-400: #ced4da ;
    --gray-500: #ACBBC0 ;
    --gray-600: #8695A9 ;
    --gray-700: #495057 ;
    --gray-800: #343a40 ;
    --gray-900: #212529 ;


    /* Couleurs */

    --blue:    #007bff ;
    --indigo:  #6610f2 ;
    --purple:  #9790a5 ;
    --pink:    #e83e8c ;
    --red:     #D31A1A ;
    --orange:  #fd7e14 ;
    --yellow:  #ffc107 ;
    --green-light:   #D0D974 ;
    --green:   #28a745 ;
    --teal:    #20c997 ;
    --cyan:    #17a2b8 ;



    --color-primary:       var(--gray-600) ;
      --color-primary-op46:   rgba(134, 149, 169, 0.46) ;
    --color-secondary:     var(--green-light) ;

    --color-success:       #28a745 ;
    --color-info:          #17a2b8 ;
    --color-warning:       #ffc107 ;
    --color-danger:        #D31A1A ;
    --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 : 'Montserrat', sans-serif;
    --font-title : 'Wire One', sans-serif;
    --font-filigrane : 'Butler', serif;
}


.font-filigrane{
  font-family: var(--font-filigrane);
}

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

.bg-grey{
  background-color: var(--gray-200);
}

.bg-primary {
  background-color: #f8f9e7;
}