html {
  font-size: 1em;
  line-height: 1.4;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

.dark {
  --header-background: #000000;
  --header-text: #FFFFFF;
  --footer-background: #131313;
  --footer-text: #FFFFFF;

  --page-background: #1d1818;

  --widget-background: #5f0000;
  --widget-border: #000000;
  --widget-heading: #FFFFFF;
  --widget-text: #c9c9c9;

  --blog-header: #5f0000;
  --blog-heading: #FFFFFF;
  --blog-body: #3b0000;
  --blog-text: #c9c9c9;

  --button-normal: #750000;
  --button-hover: #660000;
  --button-active: #ff0000;
  --button-text: #c9c9c9;

  --textbox-background: #131313;
  --textbox-border: #5f0000;
  --textbox-text: #FFFFFF;
  --other-text: #c9c9c9;
}

.light {
  --header-background: #184fa8;
  --header-text: #FCFCFC;
  --footer-background: #5689db;
  --footer-text: #FCFCFC;

  --page-background: #D5EAFF;

  --widget-background: #FFFFFF;
  --widget-border: #091540;
  --widget-heading: #000000;
  --widget-text: #31363B;

  --blog-header: #97cbff;
  --blog-heading: #000000;
  --blog-body: #FFFFFF;
  --blog-text: #31363B;

  --button-normal: #97cbff;
  --button-hover: #8cbded;
  --button-active: #57abff;
  --button-text: #31363B;
  
  --textbox-background: #FFFFFF;
  --textbox-border: #97cbff;
  --textbox-text: #000000;
  --other-text: #31363B;
}