
:root {
    --textStyle: 'Roboto';
    --titleStyle: 'Chivo';
    --fontSize: 1.1em;
    --maxWidth: 60rem;
    --menuWidth: 20rem;
}
html[data-theme='light'] {
    --homeBG:#3c579e;
    --lightActive:#3c579e;
    --lightActiveHover:rgba(60,87,158,0.8);
    --linkColor:#3048bf;

    --btnBG:#250712;

    --borderColor:#D2D2DE;

    --toolboxBG:#e6eaf2;
    --toolboxFG:#3c579e;
    --toolboxActiveBG:#3c579e;
    --toolboxActiveFG:#ffffff;

    --contentBG: #fafafa;
    --contentFG: #3F3F3F;
    --contentLightFG: #7b7b7b;

    /*--accentDarkBG: #AD364B;*/
    --accentDarkBG: #fa4251;
    --accentDarkFG: #ffffff;
    --accentLightBG: #E8CEC4;
    --accentLightFG: #000;

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

    --headerBG:#F5F1F3;
    --headerFG:#3F3F3F;

    --footerBG:#272733;
    --footerFG:#3F3F3F;

    --schBG:#F5F1F3;
    --schLightBG:#FFD7D7;
    --schCurrentBG:#ffef6d;
    --schFG:#3F3F3F;

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

    --segmentUndone: #FBD5D9;
    --segmentDone: #3F3F3F;
    --segmentActive:#AD364B;

    --inputBG:#F6E9E6;
    --inputBorder:#DED2DE;
    --inputFocus:#AD364B;

    --progressFG: #AD364B;
    
    --listFlatBG:#484858;
    --listOverBG:#272733;
    --listMenuColor:#f2e1cb;
    --listMenuOver:#f2ecde;
    
    --borderNext:#484858;
}
html[data-theme='dark'] {
    --homeBG:#3F3F3F;
    --lightActive:#f2e1cb;
    --lightActiveHover:rgba(242,225,203,0.8);
    --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;

    --schBG:#292929;
    --schLightBG:#250712;
    --schCurrentBG:#847811;
    --schFG:#E5D4DC;

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

    --segmentUndone: #3F3F3F;
    --segmentDone: #000000;
    --segmentActive: #FF94A7;

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

    --progressFG: #FF94A7;
    
    --borderNext:rgb(229, 212, 220);
    --borderTooltip:rgba(229, 212, 220,0.5);
}
