:root {
    --red:    #e6332a;
    --green:  #4dae40;
    --gray:   #3c3c3b;
    --yellow: #fbe440;
    --blue:   #2288c9;
    --lyellow:#fffde9;
    --lblue:  #edf6fa;
    --lgreen: #edf5ec;
}

a {color: var(--red);}
.lgreen {
    background: var(--lgreen);
}
.lgreenblue {
    background: var(--lgreen);
    color: var(--blue)
}
.lyellow {
    background: var(--lyellow);
}
.lyellowblue {
    background: var(--lyellow);
    color: var(--blue)
}
.lblue {
    background: var(--lblue);
}
.lbluegreen {
    background: var(--lblue);
    color: var(--green)
}
.red {
    background: var(--red);
    color: white
}
.red a {
    color: #6b0f09;
}
.yellow {
    background: var(--yellow);
}
.blue {
    background: var(--blue);
    color: white
}
.blue a {
    color: #6b0f09;
}
.green {
    background: var(--green);
    color: white
}
.green a {
    color: #6b0f09;
}
.gray {
    background: var(--gray);
    color: white
}
.gray a {
    color: #e94f2d;
}