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

/* @AUTHOR : Nicolas BOUDOT */

/*
  1 - COULEURS
        Bases
        Fonctionnalités

  2 - FONT-FAMILY
*/



:root{

    /* -----------------
        1 - COULEURS
            Bases
    ----------------- */

    /* Blanc */
	--white:        #fff;
	--white--80o:   rgba(255, 255, 255, .8);

    /* Noir */
	--black:        #000;
	--black--28o:   rgba(0, 0, 0, .28);

    /* Gris */
    --gray-100:     #F8F8F8; /* Gris 100 */
    --gray-200:     #F2F2F2; /* Gris 200 */
    --gray-300:     #EAEAEA; /* Gris 300 */
    --gray-400:     #F9F9F9; /* Gris 400 */
    --gray-500:     #EBEBEB; /* Gris 500 */
    --gray-600:     #CFCFCF;
    --gray-700:     #9C9C9C;
    --gray-800:     #595959;
    --gray-900:     #404040;
    --grey:         #2C2C2C;

    /* Couleurs */
    --blue:         #0083B1;
    --blue-dark:    #22305D;
    --indigo:       #4155EB;
    --purple:       #9790a5;
    --pink:         #DB3366;
    --red:          #E31D1C; /* Rouge */
    --red-dark:     #B90100; /* Rouge Foncé */
    --red-brown:    #5C3A31; /* Rouge-Marron */
    --orange:       #fd7e14;
    --khaki:        #B7A568;
    --yellow:       #E1D622;
    --yellow-dark:  #D1B313;
    --green:        #AEB41E; /* Vert */
    --teal:         #20c997;
    --cyan:         #17a2b8;
    --orange: #F6A245;



    /* -------------------------
        1 - COULEURS
            Fonctionnalités
    ------------------------- */

    /* Fonctionnalités */
    --color-primary:        var(--yellow);
    --color-secondary:      var(--orange);
    --color-tertiary:       var(--blue);

    /* Liste des noms */
    /*
    --color-primary:        var(--gray-100);
    --color-secondary:      var(--gray-100);
    --color-tertiary:       var(--gray-100);
    --color-quaternary:     var(--gray-100);
    --color-quinary:        var(--gray-100);
    --color-senary:         var(--gray-100);
    --color-septenary:      var(--gray-100);
    --color-octonary:       var(--gray-100);
    --color-nonary:         var(--gray-100);
    --color-denary:         var(--gray-100);
    */

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



    /* -----------------
      2 - FONT-FAMILY
    ----------------- */

    --font-primary : 'Montserrat', sans-serif;
    --font-secondary : 'Rubik', sans-serif;
    --font-tertiary : 'Noto sans', sans-serif;

    /* Exemple */
    /*
    --ff-primary : "ardoise-std", sans-serif;
    --ff-primary--narrow : "ardoise-narrow-std", sans-serif;
    --ff-secondary : "gravesend-sans", sans-serif;
    */
}