/* -------------
    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:        #000;
	--black--40o: #0F0915;

    /* Gris */
    --gray-100:     #F8F8F8;
    --gray-200:     #F4F2F2; /* Gris */
    --gray-300:     #EDECEA; /* Gris */
    --gray-400: #D4D3D4;
    --gray-500:     #C7C7C7;
    --gray-600:     #96918B; /* Gris */
    --gray-700:     #707070; /* Gris */
    --gray-800: #474746;
    --gray-800--65o: rgba(71, 71, 70, .65);
    --gray-900: #D1D1D1; /* Gris */
    --grey:         #808080;

    /* Couleurs */
    --blue-light:   #C9D1FD;
    --blue: #29235C;
    --blue-dark:    #22305D;
    --indigo:       #4155EB;
    --purple:       #C9D1FD;
    --pink:         #EF9297; /* Rose */
    --red:          #CB003E; /* Rouge */
    --red-dark: #BE1717;
    --red-brown:    #5C3A31;
    --orange: #E95C0C;
    --orange--81o: rgba(233, 92, 12, .81);
    --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-tertiary:       var(--green-gray);
    --color-quaternary:     var(--green-pastel);
    --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:       #28a745;
    --color-info:          #17a2b8;
    --color-warning:       #ffc107;
    --color-danger:        #dc3545;
    --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;
    */

}