html {
    --color-black: #2B2B2B;
    --color-white: #FFFFFF;
    --color-lgray: #F6F6F6;
    --color-gray: #E5E5E5;
    --color-breadcrumb: #AFAFAF;
    --color-dgray: #D9D9D9;
    --color-ddgray: #A6A6A6;
    --color-yellow: #FBE076;
    --color-green: #50842C;
    --color-red: #DB3023;
}
/* Background Colors */
.bg-black { 
    background: var(--color-black) !important; 
}
.bg-white { 
    background: var(--color-white); 
}
body, .bg-lgray { 
    background: var(--color-lgray); 
}
.home #wrapper-footer, .bg-gray { 
    background: var(--color-gray); 
}
.bg-dgray { 
    background: var(--color-dgray); 
}
.bg-yellow { 
    background: var(--color-yellow); 
}
.bg-green { 
    background: var(--color-green); 
}
.bg-red { 
    background: var(--color-red); 
}
/* Colors */
.color-black { 
    color: var(--color-black); 
}
.color-white { 
    color: var(--color-white); 
}
.color-lgray { 
    color: var(--color-lgray); 
}
.color-gray { 
    color: var(--color-gray); 
}
.color-breadcrumb { 
    color: var(--color-breadcrumb); 
}
.color-dgray { 
    color: var(--color-dgray); 
}
.color-yellow { 
    color: var(--color-yellow); 
}
.color-green { 
    color: var(--color-green); 
}
.color-red { 
    color: var(--color-red); 
}