:root
{
    --white:            #FFFFFF;
    --light:            #E8E8E8;
    --soot:             #DADADA;
    --grey:             #696969;
    --dark:             #454545;

    --primary:          #246CFF;
    --primary-hover:    #1391FF;

    --secondary:        #FFFFFF;
    --secondary-hover:  #FFFAF4;

    --sunflower:        #FFC830;
    --summer:           #FFB730;

    --sky:              #2fc1ff;
}



.white
{
    background-color:  var(--white);
}

.light
{
    background-color:  var(--light);
}

.soot
{
    background-color:  var(--soot);
}

.grey
{
    background-color:  var(--grey);
}

.dark
{
    background-color:  var(--dark);
}

.sunflower
{
    background-color: var(--sunflower);
}