:root {
    --Mode: #111111; /*#000000*/
    --onMode: #ffffff; /*#87ceeb;*/
    --Mode02: color-mix(in hsl, var(--Mode), var(--onMode) 98%);
    --Mode04: color-mix(in hsl, var(--Mode), var(--onMode) 96%);
    --Mode05: color-mix(in hsl, var(--Mode), var(--onMode) 95%);
    --Mode06: color-mix(in hsl, var(--Mode), var(--onMode) 94%);
    --Mode08: color-mix(in hsl, var(--Mode), var(--onMode) 92%);
    --Mode10: color-mix(in hsl, var(--Mode), var(--onMode) 90%);
    --Mode12: color-mix(in hsl, var(--Mode), var(--onMode) 88%);
    --Mode14: color-mix(in hsl, var(--Mode), var(--onMode) 86%);
    --Mode15: color-mix(in hsl, var(--Mode), var(--onMode) 85%);
    --Mode16: color-mix(in hsl, var(--Mode), var(--onMode) 84%);
    --Mode18: color-mix(in hsl, var(--Mode), var(--onMode) 82%);
    --Mode20: color-mix(in hsl, var(--Mode), var(--onMode) 80%);
    --Mode25: color-mix(in hsl, var(--Mode), var(--onMode) 75%);
    --Mode30: color-mix(in hsl, var(--Mode), var(--onMode) 70%);
    --Mode35: color-mix(in hsl, var(--Mode), var(--onMode) 65%);
    --Mode40: color-mix(in hsl, var(--Mode), var(--onMode) 60%);
    --Mode45: color-mix(in hsl, var(--Mode), var(--onMode) 55%);
    --Mode50: color-mix(in hsl, var(--Mode), var(--onMode) 50%);
    --Mode55: color-mix(in hsl, var(--Mode), var(--onMode) 45%);
    --Mode60: color-mix(in hsl, var(--Mode), var(--onMode) 40%);
    --Mode65: color-mix(in hsl, var(--Mode), var(--onMode) 35%);
    --Mode70: color-mix(in hsl, var(--Mode), var(--onMode) 30%);
    --Mode75: color-mix(in hsl, var(--Mode), var(--onMode) 25%);
    --Mode80: color-mix(in hsl, var(--Mode), var(--onMode) 20%);
    --Mode82: color-mix(in hsl, var(--Mode), var(--onMode) 18%);
    --Mode84: color-mix(in hsl, var(--Mode), var(--onMode) 16%);
    --Mode85: color-mix(in hsl, var(--Mode), var(--onMode) 15%);
    --Mode86: color-mix(in hsl, var(--Mode), var(--onMode) 14%);
    --Mode88: color-mix(in hsl, var(--Mode), var(--onMode) 12%);
    --Mode90: color-mix(in hsl, var(--Mode), var(--onMode) 10%);
    --Mode92: color-mix(in hsl, var(--Mode), var(--onMode) 08%);
    --Mode94: color-mix(in hsl, var(--Mode), var(--onMode) 06%);
    --Mode95: color-mix(in hsl, var(--Mode), var(--onMode) 05%);
    --Mode96: color-mix(in hsl, var(--Mode), var(--onMode) 04%);
    --Mode98: color-mix(in hsl, var(--Mode), var(--onMode) 02%);
    --onMode02: color-mix(in hsl, var(--onMode), var(--Mode) 98%);
    --onMode04: color-mix(in hsl, var(--onMode), var(--Mode) 96%);
    --onMode05: color-mix(in hsl, var(--onMode), var(--Mode) 95%);
    --onMode06: color-mix(in hsl, var(--onMode), var(--Mode) 94%);
    --onMode08: color-mix(in hsl, var(--onMode), var(--Mode) 92%);
    --onMode10: color-mix(in hsl, var(--onMode), var(--Mode) 90%);
    --onMode12: color-mix(in hsl, var(--onMode), var(--Mode) 88%);
    --onMode14: color-mix(in hsl, var(--onMode), var(--Mode) 86%);
    --onMode15: color-mix(in hsl, var(--onMode), var(--Mode) 85%);
    --onMode16: color-mix(in hsl, var(--onMode), var(--Mode) 84%);
    --onMode18: color-mix(in hsl, var(--onMode), var(--Mode) 82%);
    --onMode20: color-mix(in hsl, var(--onMode), var(--Mode) 80%);
    --onMode25: color-mix(in hsl, var(--onMode), var(--Mode) 75%);
    --onMode30: color-mix(in hsl, var(--onMode), var(--Mode) 70%);
    --onMode35: color-mix(in hsl, var(--onMode), var(--Mode) 65%);
    --onMode40: color-mix(in hsl, var(--onMode), var(--Mode) 60%);
    --onMode45: color-mix(in hsl, var(--onMode), var(--Mode) 55%);
    --onMode50: color-mix(in hsl, var(--onMode), var(--Mode) 50%);
    --onMode55: color-mix(in hsl, var(--onMode), var(--Mode) 45%);
    --onMode60: color-mix(in hsl, var(--onMode), var(--Mode) 40%);
    --onMode65: color-mix(in hsl, var(--onMode), var(--Mode) 35%);
    --onMode70: color-mix(in hsl, var(--onMode), var(--Mode) 30%);
    --onMode75: color-mix(in hsl, var(--onMode), var(--Mode) 25%);
    --onMode80: color-mix(in hsl, var(--onMode), var(--Mode) 20%);
    --onMode82: color-mix(in hsl, var(--onMode), var(--Mode) 18%);
    --onMode84: color-mix(in hsl, var(--onMode), var(--Mode) 16%);
    --onMode85: color-mix(in hsl, var(--onMode), var(--Mode) 15%);
    --onMode86: color-mix(in hsl, var(--onMode), var(--Mode) 14%);
    --onMode88: color-mix(in hsl, var(--onMode), var(--Mode) 12%);
    --onMode90: color-mix(in hsl, var(--onMode), var(--Mode) 10%);
    --onMode92: color-mix(in hsl, var(--onMode), var(--Mode) 08%);
    --onMode94: color-mix(in hsl, var(--onMode), var(--Mode) 06%);
    --onMode95: color-mix(in hsl, var(--onMode), var(--Mode) 05%);
    --onMode96: color-mix(in hsl, var(--onMode), var(--Mode) 04%);
    --onMode98: color-mix(in hsl, var(--onMode), var(--Mode) 02%);
    --Background: var(--Mode98);
    --Surface: var(--Mode95);
    --Primary: var(--Mode92);
    --Secondary: var(--Mode90);
    --onBackground: var(--onMode98);
    --onSurface: var(--onMode95);
    --onPrimary: var(--onMode92);
    --onSecondary: var(--onMode90);
    --Scrollbar: var(--Mode50);
    --Info: #b39a00; /*gold 7f6b00*/
    --Warning: red;
    --WarningText: white;
    --WarningBG: darkred;
    --LightBG: green;
    --LightText: lightgreen;
    --Label: var(--Mode30);
    --Text: var(--Mode30);
    --Date: var(--Mode30);
    --Time: var(--Mode30);
    --Currency: var(--Mode30);
    --Number: var(--Mode30);
    --ID: lightblue;
    --InputBG: var(--Mode80);
    --Hover: #7f6b00; /*gold*/
    --Calc: orange; /*orange*/
    --TransparentBG: url('../../_shared/eXPert/img/Transparent/TransparentBlack10.png');
    --TransparentBG50: url('../../_shared/eXPert/img/Transparent/TransparentWhite50.png');
    --HoverLine: url('../../eXPert/img/Transparent/TransparentGold20.png');
}