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

/*
    @AUTHOR : Nicolas BOUDOT

    VARIABLES : COLORS
    Permet de déclarer les couleurs du site

    @infos : Pourquoi déclarer les couleurs en RGB ?
        Pour faciliter l'intégration des couleurs ainsi que leur variante avec de la transparence,
        il est préférable de les déclarer en RGB.
        On pourra ensuite déclarer dans nos fichiers : background-color: rgb(var(--rbg_c-primary) / 65%);
*/

/*
    01 - XS
        Palette
        Usages
            Thème
            Fonctionnalités
                Liens
    02 - SM
    03 - MD
    04 - LG
    05 - XL
*/



:root {

    /* ---------------------
        01 - XS
            Palette
                Base
    --------------------- */

    --white:    #ffffff;   --rgb_white: 255 255 255;
    --black:    #000000;   --rgb_black: 0 0 0;
    --bg-body:    #F3F8FF;   --rgb_bg-body: 243 248 255;



    /* ---------------------
        01 - XS
            Palette
                Gris
    --------------------- */

    --gray-100: #F8F8F8;    --rgb_gray-100: 248 248 248;
    --gray-200: #F4F4F4;    --rgb_gray-200: 244 244 244;
    --gray-300: #EDECEA;    --rgb_gray-300: 237 236 234;
    --gray-400: #DBDBDB;    --rgb_gray-400: 219 219 219;
    --gray-500: #C7C7C7;    --rgb_gray-500: 199 199 199;
    --gray-600: #96918B;    --rgb_gray-600: 150 145 139;
    --gray-700: #707070;    --rgb_gray-700: 112 112 112;
    --gray-800: #343a40;    --rgb_gray-800: 52 58 64;
    --gray-900: #2C2C2C;    --rgb_gray-900: 44 44 44;



    /* ---------------------
        01 - XS
            Palette
                Couleurs
                Maquette
    --------------------- */

    --purple:     #5700E7;        --rgb_purple: 87 0 231;
    --yellow:     #FFE600;        --rgb_yellow: 255 230 0;
    --pink:       #F971ED;        --rgb_pink: 249 113 237;




    /* ---------------------
        01 - XS
            Usages
                Thème
    --------------------- */

    --c-primary: rgb(var(--rgb_c-primary));         --rgb_c-primary: var(--rgb_purple);
    --c-secondary: rgb(var(--rgb_c-secondary));     --rgb_c-secondary: var(--rgb_pink);
    --c-tertiary: rgb(var(--rgb_c-tertiary));       --rgb_c-tertiary: var(--rgb_yellow);



    /* -----------------------------
        01 - XS
            Usages
                Fonctionnalités
                    Liens
    ----------------------------- */

    --c-hyperlink:      var(--c-primary);
}