:root {
	--textStyle: 'Roboto';
	--titleStyle: 'Chivo';
	--fontSize: 1.2em;
	--maxWidth: 60rem;
	--menuWidth: 20rem;
}

html[data-theme='light'] {
  --homeBG:#D9DED2;

  --linkColor:#2D655A;

  --btnBG:#0B2621;

  --borderColor:#D9DED2;

  --toolboxBG:#E7EAE2;
  --toolboxFG:#555A52;
  --toolboxActiveBG:#D9DED2;
  --toolboxActiveFG:#2D655A;

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

  --accentDarkBG: #2D655A;
  --accentDarkFG: #ffffff;
  --accentLightBG: #D9DED2;
  --accentLightFG: #000;

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

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

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

  --schBG:#F8FAF5;
  --schLightBG:#D9DED2;
  --schCurrentBG:#ffef6d;
  --schFG:#3F3F3F;
  
	--quizAnswerBG:#e2f8d9;
	--quizAnswerFG:#295716;
	--quizWorstFG:#aa1016;
	--quizWorstBG:#ffe7e7;
	--quizBadFG:#9f5c00;
	--quizSolFG:#246C8A;
	--quizSolBG:#d8ebf4;
	--quizExplainBG: #fffce3;
	--quizExplainFG: #574f08;

  --segmentUndone: #D9DED2;
  --segmentDone: #3F3F3F;
  --segmentActive:#2D655A;

  --inputBG:#E7EAE2;
  --inputBorder:#D9DED2;
  --inputFocus:#2D655A;

  --progressFG: #2D655A;
  
  --helpColor: #565656;
}