:root {
/* define common defaults to be used all around */

  /* general colors */
  --main-background-color: #B0BEC5;

  /* chart defaults */
  --chart-background-color: #78909C;

  /* sidenav colors for side navigation bar */
  --sidenav-current-text-color: #263238;
  --sidenav-hover-color: #90A4AE;

  /* toggle switch defaults */
  --toggleswitch-other-text-color: #000;

  /* button defaults */
  --button-color: var(--sidenav-item-color);

  /* tooltip color defaults */
  --tooltip-background-color:var(--sidenav-item-color);
  --tooltip-text-color:var(--sidenav-item-text-color);
  --tooltip-bubble-color:#ddd;
  --tooltip-bubble-text-color:#000;

  /* footer color defaults */
  --footer-background-color:#455A64;
  --footer-text-color:#fff;
}