:root {
    --bc-r0: #9c0c11; --bc-r1: #af050b; --bc-r2: #bd090e; --bc-r3: #c81016; --bc-r4: #d7181e; --bc-r5: #e31e24; --bc-r6: #e82a30; --bc-r7: #eb3b41; --bc-r8: #ef4d52; --bc-r9: #f4686d;
    --bc-b0: #17b0f2; --bc-b1: #30afe5; --bc-b2: #4fb4df; --bc-b3: #6bc1e6; --bc-b4: #87cdeb; --bc-b5: #a8daf0; --bc-b6: #c7e7f4;
    --bc-g0: #73ac19; --bc-g1: #86c325; --bc-g2: #98cf3f; --bc-g3: #a8d75b; --bc-g4: #bde182; --bc-g5: #cfeaa4; --bc-g6: #eafad1;
    --bc-y0: #fdbf03; --bc-y1: #ffcb2f; --bc-y2: #ffd453; --bc-y3: #ffdb6f; --bc-y4: #fde086; --bc-y5: #fce69e; --bc-y6: #fcecb9;
    --bc-o0: #fb701a; --bc-o1: #f17b34; --bc-o2: #f29052; --bc-o3: #f39d68; --bc-o4: #f7af82; --bc-o5: #fdc7a6; --bc-o6: #fdd9c3;
    --bc-c0: #10979f; --bc-c1: #1aa6ae; --bc-c2: #30b2b9; --bc-c3: #3bbdc4; --bc-c4: #47c8cf; --bc-c5: #56d4da; --bc-c6: #79e8ee;
    --bc-n0: #1d1d1d; --bc-n1: #232323; --bc-n2: #303030; --bc-n3: #505050; --bc-n4: #909090; --bc-n5: #D9D9D9; --bc-n6: #e5e5e5; --bc-n7: #f1f1f1; --bc-n8: #f6f6f6;
}
.clr-r0 {color: var(--bc-r0);} .clr-r1 {color: var(--bc-r1);} .clr-r2 {color: var(--bc-r2);} .clr-r3 {color: var(--bc-r3);} .clr-r4 {color: var(--bc-r4);} .clr-r5 {color: var(--bc-r5);} .clr-r6 {color: var(--bc-r6);}
.clr-b0 {color: var(--bc-b0);} .clr-b1 {color: var(--bc-b1);} .clr-b2 {color: var(--bc-b2);} .clr-b3 {color: var(--bc-b3);} .clr-b4 {color: var(--bc-b4);} .clr-b5 {color: var(--bc-b5);} .clr-b6 {color: var(--bc-b6);}
.clr-g0 {color: var(--bc-g0);} .clr-g1 {color: var(--bc-g1);} .clr-g2 {color: var(--bc-g2);} .clr-g3 {color: var(--bc-g3);} .clr-g4 {color: var(--bc-g4);} .clr-g5 {color: var(--bc-g5);} .clr-g6 {color: var(--bc-g6);}
.clr-y0 {color: var(--bc-y0);} .clr-y1 {color: var(--bc-y1);} .clr-y2 {color: var(--bc-y2);} .clr-y3 {color: var(--bc-y3);} .clr-y4 {color: var(--bc-y4);} .clr-y5 {color: var(--bc-y5);} .clr-y6 {color: var(--bc-y6);}
.clr-o0 {color: var(--bc-o0);} .clr-o1 {color: var(--bc-o1);} .clr-o2 {color: var(--bc-o2);} .clr-o3 {color: var(--bc-o3);} .clr-o4 {color: var(--bc-o4);} .clr-o5 {color: var(--bc-o5);} .clr-o6 {color: var(--bc-o6);}
.clr-c0 {color: var(--bc-c0);} .clr-c1 {color: var(--bc-c1);} .clr-c2 {color: var(--bc-c2);} .clr-c3 {color: var(--bc-c3);} .clr-c4 {color: var(--bc-c4);} .clr-c5 {color: var(--bc-c5);} .clr-c6 {color: var(--bc-c6);}
.clr-n0 {color: var(--bc-n0);} .clr-n1 {color: var(--bc-n1);} .clr-n2 {color: var(--bc-n2);} .clr-n3 {color: var(--bc-n3);} .clr-n4 {color: var(--bc-n4);} .clr-n5 {color: var(--bc-n5);} .clr-n6 {color: var(--bc-n6);} .clr-n7 {color: var(--bc-n7);} .clr-n8 {color: var(--bc-n8);}
.clr-white {color: #ffffff;} .clr-red {color: #f24949;} .clr-green {color: #007728;} .clr-blue {color: #123984;} .clr-orange {color: #febb50;}
.bgc-r0 {background-color: var(--bc-r0);} .bgc-r1 {background-color: var(--bc-r1);} .bgc-r2 {background-color: var(--bc-r2);} .bgc-r3 {background-color: var(--bc-r3);} .bgc-r4 {background-color: var(--bc-r4);} .bgc-r5 {background-color: var(--bc-r5);} .bgc-r6 {background-color: var(--bc-r6);}
.bgc-b0 {background-color: var(--bc-b0);} .bgc-b1 {background-color: var(--bc-b1);} .bgc-b2 {background-color: var(--bc-b2);} .bgc-b3 {background-color: var(--bc-b3);} .bgc-b4 {background-color: var(--bc-b4);} .bgc-b5 {background-color: var(--bc-b5);} .bgc-b6 {background-color: var(--bc-b6);}
.bgc-g0 {background-color: var(--bc-g0);} .bgc-g1 {background-color: var(--bc-g1);} .bgc-g2 {background-color: var(--bc-g2);} .bgc-g3 {background-color: var(--bc-g3);} .bgc-g4 {background-color: var(--bc-g4);} .bgc-g5 {background-color: var(--bc-g5);} .bgc-g6 {background-color: var(--bc-g6);}
.bgc-y0 {background-color: var(--bc-y0);} .bgc-y1 {background-color: var(--bc-y1);} .bgc-y2 {background-color: var(--bc-y2);} .bgc-y3 {background-color: var(--bc-y3);} .bgc-y4 {background-color: var(--bc-y4);} .bgc-y5 {background-color: var(--bc-y5);} .bgc-y6 {background-color: var(--bc-y6);}
.bgc-o0 {background-color: var(--bc-o0);} .bgc-o1 {background-color: var(--bc-o1);} .bgc-o2 {background-color: var(--bc-o2);} .bgc-o3 {background-color: var(--bc-o3);} .bgc-o4 {background-color: var(--bc-o4);} .bgc-o5 {background-color: var(--bc-o5);} .bgc-o6 {background-color: var(--bc-o6);}
.bgc-c0 {background-color: var(--bc-c0);} .bgc-c1 {background-color: var(--bc-c1);} .bgc-c2 {background-color: var(--bc-c2);} .bgc-c3 {background-color: var(--bc-c3);} .bgc-c4 {background-color: var(--bc-c4);} .bgc-c5 {background-color: var(--bc-c5);} .bgc-c6 {background-color: var(--bc-c6);}
.bgc-n0 {background-color: var(--bc-n0);} .bgc-n1 {background-color: var(--bc-n1);} .bgc-n2 {background-color: var(--bc-n2);} .bgc-n3 {background-color: var(--bc-n3);} .bgc-n4 {background-color: var(--bc-n4);} .bgc-n5 {background-color: var(--bc-n5);} .bgc-n6 {background-color: var(--bc-n6);} .bgc-n7 {background-color: var(--bc-n7);} .bgc-n8 {background-color: var(--bc-n8);}
.bgc-white {background-color: #ffffff;} .bgc-red {background-color: #f24949;} .bgc-green {background-color: #007728;} .bgc-blue {background-color: #123984;} .bgc-orange {background-color: #febb50;}