:root{
  --esp-font-family: Roboto, "Helvetica Neue", sans-serif;

  --esp-light-body-color: #333333;
  --esp-dark-body-color: #fff;

  --esp-light-body-background: radial-gradient(circle farthest-corner at center, #ddd 0%,  #84969f 100%);
  --esp-dark-body-background: radial-gradient(circle farthest-corner at center, #181818 0%, #424242 100%);


  /*general elements*/

  --esp-light-themeswitcher-background-color: #efefef;
  --esp-dark-themeswitcher-background-color: #333333;

  --esp-light-themeswitcher-color:#4e4e4e;
  --esp-dark-themeswitcher-color:#ccc;

  --esp-light-logo-container-background:transparent url('/assets/img/clientlogo') center center no-repeat;
  --esp-dark-logo-container-background:transparent url('/assets/img/clientlogo') center center no-repeat;

  --esp-light-lnk-privacy-color: #999999;
  --esp-dark-lnk-privacy-color: #cccccc;

  --esp-light-version-color:#333333;
  --esp-dark-version-color:#dddddd;

  --esp-light-version-text-shadow:0 0 2px #fff;
  --esp-dark-version-text-shadow:0 0 2px #000;

  --esp-light-lnk-internal-color:#000;
  --esp-dark-lnk-internal-color:#aaa;

  --esp-light-lnk-internal-hover-color:#1b71b1;
  --esp-dark-lnk-internal-hover-color:#efefef;


  /*webkit overwrites*/
  --esp-light-webkit-autofill-box-shadow: 0 0 0 30px white inset !important;
  --esp-dark-webkit-autofill-box-shadow: 0 0 0 30px #363636 inset !important;
  --esp-dark-webkit-autofill-color:#ffffff!important;


  /*forms*/
  --esp-light-logform-container-border: 0;/*1px solid #ccc;*/
  --esp-dark-logform-container-border:1px solid #2e2e2e;

  --esp-light-logform-container-background: #ffffff12;
  --esp-dark-logform-container-background: #36363612;

  --esp-light-logform-container-box-shadow:3px 3px 8px rgb(0 0 0 / 20%);
  --esp-dark-logform-container-box-shadow: 3px 3px 8px rgb(0 0 0 / 20%);

  --esp-light-btn-loginform-background-color:#1b71b1;
  --esp-dark-btn-loginform-background-color:#1b71b1;

  --esp-light-btn-loginform-color:#ffffff;
  --esp-dark-btn-loginform-color:#ffffff;

  --esp-light-btn-loginform-background-color-hover:#1e8acd;
  --esp-dark-btn-loginform-background-color-hover:#1e8acd;

  --esp-light-btn-cancel-background-color:#cccccc;
  --esp-dark-btn-cancel-background-color:#666666;

  --esp-light-btn-cancel-color:#333333;
  --esp-dark-btn-cancel-color:#eeeeee;


}