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

00 - COULEURS

*/



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



:root{

    /*Blanc*/
	--white: #fff; 
    
    /*Noir*/
	--black: #000;    

    /* Gris */
    --gray-100: #f8f9fa ;
    --gray-200: #e9ecef ;
    --gray-300: #dee2e6 ;
    --gray-400: #ced4da ;
    --gray-500: #adb5bd ;
    --gray-600: #6c757d ;
    --gray-700: #495057 ;
    --gray-800: #343a40 ;
    --gray-900: #212529 ;


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


    --primary:          #005677 ;
    --secondary:        #e3051c ;
    --tertiary:         #7faaba ;

    --blue:             #004C6A ;
    --dark-blue:        #002f41 ;

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

}

.color-primary, span.color-primary a { color:var(--primary)  }
.color-secondary,  span.color-secondary a{ color:var(--secondary)  }
.color-tertiary, span.color-tertiary a { color:var(--tertiary)  }

.color-white {color: var(--white)}

.bg-primary { background-color: var(--primary)  }
.bg-secondary { background-color: var(--secondary)  }
.bg-tertiary { background-color: var(--tertiary)  }