@media screen {
    :root {
        --color0:  #000;
        --color1:  #00a;
        --color2:  #0a0;
        --color3:  #0aa;
        --color4:  #a00;
        --color5:  #a0a;
        --color6:  #a50;
        --color7:  #aaa;
        --color8:  #555;
        --color9:  #55f;
        --color10: #5f5;
        --color11: #5ff;
        --color12: #f55;
        --color13: #f5f;
        --color14: #ff5;
        --color15: #fff;
    }
}
@media print {
    :root {
        --color0:  #ffffff;
        --color1:  #000080;
        --color2:  #008000;
        --color3:  #008080;
        --color4:  #800000;
        --color5:  #800080;
        --color6:  #804000;
        --color7:  #555555;
        --color8:  #aaaaaa;
        --color9:  #0000ff;
        --color10: #00ff00;
        --color11: #00ffff;
        --color12: #ff0000;
        --color13: #ff00ff;
        --color14: #ffff00;
        --color15: #000000;
    }
}

 .fgcol0 { color: var( --color0); }
 .fgcol1 { color: var( --color1); }
 .fgcol2 { color: var( --color2); }
 .fgcol3 { color: var( --color3); }
 .fgcol4 { color: var( --color4); }
 .fgcol5 { color: var( --color5); }
 .fgcol6 { color: var( --color6); }
 .fgcol7 { color: var( --color7); }
 .fgcol8 { color: var( --color8); }
 .fgcol9 { color: var( --color9); }
.fgcol10 { color: var(--color10); }
.fgcol11 { color: var(--color11); }
.fgcol12 { color: var(--color12); }
.fgcol13 { color: var(--color13); }
.fgcol14 { color: var(--color14); }
.fgcol15 { color: var(--color15); }

 .bgcol0 { background-color: var( --color0); }
 .bgcol1 { background-color: var( --color1); }
 .bgcol2 { background-color: var( --color2); }
 .bgcol3 { background-color: var( --color3); }
 .bgcol4 { background-color: var( --color4); }
 .bgcol5 { background-color: var( --color5); }
 .bgcol6 { background-color: var( --color6); }
 .bgcol7 { background-color: var( --color7); }
 .bgcol8 { background-color: var( --color8); }
 .bgcol9 { background-color: var( --color9); }
.bgcol10 { background-color: var(--color10); }
.bgcol11 { background-color: var(--color11); }
.bgcol12 { background-color: var(--color12); }
.bgcol13 { background-color: var(--color13); }
.bgcol14 { background-color: var(--color14); }
.bgcol15 { background-color: var(--color15); }

 .lcol0 { border-color: var( --color0); }
 .lcol1 { border-color: var( --color1); }
 .lcol2 { border-color: var( --color2); }
 .lcol3 { border-color: var( --color3); }
 .lcol4 { border-color: var( --color4); }
 .lcol5 { border-color: var( --color5); }
 .lcol6 { border-color: var( --color6); }
 .lcol7 { border-color: var( --color7); }
 .lcol8 { border-color: var( --color8); }
 .lcol9 { border-color: var( --color9); }
.lcol10 { border-color: var(--color10); }
.lcol11 { border-color: var(--color11); }
.lcol12 { border-color: var(--color12); }
.lcol13 { border-color: var(--color13); }
.lcol14 { border-color: var(--color14); }
.lcol15 { border-color: var(--color15); }