:root {
    --textStyle: 'Verdana';
    --titleStyle: 'Verdana';
    --fontSize: 1.1em;
    --maxWidth: 60rem;
    --menuWidth: 20rem;
}
html[data-theme='light'] {
     --homeBG1:#E9EFF7;
    --homeBG2:#E5F6FD;

    --linkColor:#00ACE9;

    --btnBG:#2F2976;

    --borderColor:#e9eff7;

    --toolboxBG:#2F2976;
    --toolboxFG:#e9eff7;
    --toolboxActiveBG:#2863AD;
    --toolboxActiveFG:#e9eff7;

    --contentBG: #FFFFFF;
    --contentFG: #2F2976;
    --contentLightFG: #00ACE9;

    --accentDarkBG: #2F2976;
    --accentDarkFG: #ffffff;
    --accentLightBG: #E5F6FD;
    --accentLightFG: #e9eff7;

    --pBkText: #2F2976;
    --pBkTextLight: #E8DFFF;
    --pBkDemo: #2863AD;
    --pBkDemoLight: #DFE9FF;
    --pBkExpression: #318808;
    --pBkExpressionLight: #E6FFC6;
    --pBkWarning: #2F2976;
    --pBkWarningLight: #00ACE9;
    --pBkComplement: #978800;
    --pBkComplementLight: #FFF9C6;

		--headerBG:#e9eff7;
    --headerFG:#2863AD;

    --footerBG:#2F2976;
    --footerFG:#e9eff7;

    --quizAnswerBG:#e2f8d9;
    --quizAnswerFG:#295716;
    --quizWorstFG:#aa1016;
    --quizWorstBG:#ffe7e7;
    --quizBadFG:#cd903c;

    --inputBG:#EAE9F1;
    --inputBorder:#bababa;
    --inputFocus:#2F2976;
}
html[data-theme='dark'] {
    --homeBG1:#3d3a38;
    --homeBG2:#000000;

    --linkColor:#FF94A7;

	--btnBG:#FBD5D9;

    --borderColor: #3F3F3F;

    --toolboxBG:#3b3b3b;
    --toolboxFG:#FFE5F3;
    --toolboxActiveBG:#250712;
    --toolboxActiveFG:#FFE5F3;

    --contentBG:#292929;
    --contentFG: #E5D4DC;
    --contentLightFG: #c0c0c0;

    --accentDarkBG: #FF94A7;
    --accentDarkFG: #000000;
    --accentLightBG: #3F3F3F;
    --accentLightFG: #fff;

    --pBkText: #e7c8ff;
    --pBkTextLight: #3a2d5d;
    --pBkDemo: #DFE9FF;
    --pBkDemoLight: #3A4D7C;
    --pBkExpression: #E6FFC6;
    --pBkExpressionLight: #318808;
    --pBkWarning: #FFD7D7;
    --pBkWarningLight: #970000;
    --pBkComplement: #FFF9C6;
    --pBkComplementLight: #978800;

    --headerBG:#292929;
    --headerFG:#E5D4DC;

    --footerBG:#292929;
    --footerFG:#E5D4DC;

    --quizAnswerBG:#293e21;
    --quizAnswerFG:#3ca610;
    --quizWorstFG:#ff5d63;
    --quizWorstBG:#36191a;
    --quizBadFG:#bf740e;

    --inputBG: #3B3B3B;
    --inputBorder: #191919;
    --inputFocus: #FF94A7;
}