.color-black{ color: #001018; }
.color-grey600{ color: #4E5D6B; }
.color-grey500{ color: #687787; }
.color-grey400{ color: #8996A2; }
.color-grey300{ color: #B3BAC3; }
.color-grey200{ color: #D9DDE1; }
.color-grey100{ color: #EFF1F3; }

.color-yellow500{color: #BCB02C}

.color-red400{color: #E3262F}
.color-orange400{color: #FF600A}
.color-yellow400{color: #FFEA28}
.color-green400{color: #02BE8A}
.color-blue400{color: #007DBC}
.color-conifer400{color: #23A942}

.color-red300{color: #FD7278}

.color-red200{color: #FD9297}
.color-orange200{color: #FAC3A5}
.color-yellow200{color: #FFF58D}
.color-green200{color: #7CDFC4}
.color-blue200{color: #7EBEE0}

.color-red100{color: #FEC9CB}
.color-orange100{color: #FFE4D6}
.color-yellow100{color: #FFFBC7}
.color-green100{color: #BEEFE2}
.color-blue100{color: #BEDEEF}

.bk-color-green100{background-color: #BEEFE2}
.bk-color-blue100{background-color: #BEDEEF}


.filter-color-grey600{
    filter: invert(35%) sepia(21%) saturate(395%) hue-rotate(168deg) brightness(94%) contrast(94%); 
}
.filter-color-white{
    filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(170deg) brightness(104%) contrast(101%);
}
.filter-color-red400{
    /* loss: 0.6 */
    filter: invert(21%) sepia(78%) saturate(3249%) hue-rotate(344deg) brightness(91%) contrast(95%);
}
.filter-color-green400{
    /* loss: 0.1 */
    filter: invert(51%) sepia(83%) saturate(1122%) hue-rotate(123deg) brightness(92%) contrast(98%);
}
.filter-color-orange400{
    filter: invert(42%) sepia(69%) saturate(2253%) hue-rotate(353deg) brightness(101%) contrast(105%);
}
.filter-color-blue400{
    filter: invert(32%) sepia(92%) saturate(1242%) hue-rotate(174deg) brightness(91%) contrast(101%);
}
.filter-color-yellow500{
    filter: invert(72%) sepia(41%) saturate(727%) hue-rotate(14deg) brightness(89%) contrast(90%);
}
.filter-color-red250{
    /* #DD767A, loss: 0.5 */
    filter: invert(52%) sepia(30%) saturate(779%) hue-rotate(309deg) brightness(101%) contrast(87%);
}
.filter-color-red300{
    /* loss: 0.4 */
    filter: invert(52%) sepia(47%) saturate(632%) hue-rotate(308deg) brightness(101%) contrast(98%);
}
