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

/* @AUTHOR : Nicolas BOUDOT */

/*
  1 - COULEURS
        Bases
        Fonctionnalités

  2 - FONT-FAMILY
*/



:root{

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

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

    /* Noir */
	--black: #0F0915;
	--black--40o:   rgba(0, 0, 0, .40);

    /* Gris */
    --gray-100: #F4F2F2;
    --gray-200: #EBEBEB; /* Gris */
    --gray-300: #D4D3D4; /* Gris */
    --gray-400: #CFCFCF;
    --gray-500: #9C9C9C;
    --gray-600: #595959; /* Gris */
    --gray-700: #474746; /* Gris */
    --gray-700--65o: rgba(71, 71, 70, 0.65);
    --gray-800:     #343a40;
    --gray-900:     #2C2C2C; /* Gris */
    --grey:         #808080;

    /* Couleurs */
    --blue-light:   #C9D1FD;
    --blue:         #3151FF;
    --blue-dark:    #22305D;
    --indigo:       #4155EB;
    --purple:       #C9D1FD;
    --pink:         #EF9297; /* Rose */
    --red: #E30613; /* Rouge */
    --red-dark: #BE1717;
    --red-brown:    #5C3A31;
    --orange:       #fd7e14;
    --khaki:        #B7A568;
    --yellow:       #FFD915;
    --yellow-dark:  #7a6f2e;
    --green-pastel: #BFE5D6; /* Vert pastel */
    --green-gray:   #8EA29A; /* Vert-Gris */
    --green:        rgb(20, 67, 48); /* Vert */
    --green--65o:   rgba(20, 67, 48, .65); /* Vert */
    --teal:         #20c997;
    --cyan:         #17a2b8;



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

    /* Fonctionnalités */
    --color-primary:        var(--red);
    --color-secondary:      var(--gray-300);
    --color-tertiary:       var(--gray-100);
    --color-quaternary:     var(--red-dark);
    --color-quinary:        var(--gray-900);

    /* 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);
    */

    /* Liens */
    --color-hyperlink:          var(--gray-700);

    --color-success: #8CBE0F;
    --color-info:          #17a2b8;
    --color-warning:       #ffc107;
    --color-danger: #DC0023;
    --color-light:         #f8f9fa;
    --color-dark:          #343a40;



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

    --font-primary:     'Poppins', sans-serif;
    --font-secondary:   'Playfair Display', serif;

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

}