/* 
 * Accent Color
 */
.primary-red {
    color:#D15540;
}
.bg-primary-red {
    background-color:#D15540;
}
.secondary-black {
    color:#272737;
}
.bg-secondary-black{
    background-color: #272737;
}
.secondary-blue {
    color: #14B2BD;
}
.bg-seconday-blue {
    background-color: #14B2BD;
}
.secondary-yellow {
    color: #FEC500;
}
.bg-secondary-yellow {
    background-color: #FEC500;
}
.system-blue {
    color:#007BFF;
}
.bg-system-blue {
    background-color: #007BFF;
}
.system-green {
    color: #28A745;
}
.bg-system-green {
    background-color: #28A745;
}
.system-red {
    color:#DC3545;
}
.bg-system-red {
    background-color: #DC3545;
}

/* 
 * Dark Scale
 */
.deep-dark-color {
    color:#18293F;
}
.dark-color {
    color: #36475D;
}
.dark60-color {
    color: #86919E;
}
.dark32-color {
    color: #BFC4CB;
}
.dark20-color {
    color: #D7DADF;
}

/*
 * Background
 */
.bg-system-white {
    background-color: #FFF;
}
.bg-system-gray {
    background-color: #F8F8F8;
}
.bg-system-nav {
    background-color: #EAEFF2;
}
.bg-overlay-black {
    background-color: #000;
    opacity: 0.4;
}
.bg-inactive-black {
    background-color: #272737;
    opacity:0.75; 
}