:root{
/*
    --color-back:          hsl(0, 0%, 100%);

    --color-base-brighter: hsl(219, 79%, 85%);
    --color-base-bright:   hsl(219, 79%, 75%);
    --color-base:          hsl(219, 79%, 65%);
    --color-base-dark:     hsl(219, 79%, 55%);
    --color-base-darker:   hsl(219, 79%, 45%);

    --color-gray-brighter: hsl(0, 0%, 90%);
    --color-gray-bright:   hsl(0, 0%, 70%);
    --color-gray:          hsl(0, 0%, 50%);
    --color-gray-dark:     hsl(0, 0%, 30%);
    --color-gray-darker:   hsl(0, 0%, 10%);

    --color-fore:          hsl(0, 0%, 0%); 
*/

    --color-back:          hsl(0, 0%, 100%);

    --color-base-brighter: hsl(240, 100%, 75%);
    --color-base-bright:   hsl(240, 100%, 65%);
    --color-base:          hsl(240, 100%, 40%);
    --color-base-dark:     hsl(240, 100%, 30%);
    --color-base-darker:   hsl(240, 100%, 20%);

    --color-gray-brighter: hsl(0, 0%, 90%);
    --color-gray-bright:   hsl(0, 0%, 70%);
    --color-gray:          hsl(0, 0%, 50%);
    --color-gray-dark:     hsl(0, 0%, 30%);
    --color-gray-darker:   hsl(0, 0%, 10%);

    --color-fore:          hsl(0, 0%, 0%);
}