:root {
  --app-font-sansserif: sans-serif;
  --app-font-source: 'Source Sans Pro';
  --app-font-size-large: 1.5rem;
  --app-font-size-medium: 1rem;
  --app-font-size-small: 0.8rem;

  --app-color-main-dark: #BB793C;
  --app-color-main-medium: #D78C46;
  --app-color-main-light: #FFB774;

  --app-color-grey-dark: #707172;
  --app-color-grey-medium: #B1B2B4;
  --app-color-grey-light: #F2F2F2;

  --app-color-modified: #276f86; /* #2c662d; */ /* #008000; */
  --app-color-modified-light: #f8ffff; /* #fcfff5; */ /* #ecfaea; */
  --app-color-modified-border: #a9d5de; /* #a3c293; */ /* #9bc996; */
  --app-color-error: #9f3a38; /* #ee0000; */
  --app-color-error-light: #fff6f6; /* #fde9e8; */
  --app-color-error-border: #e1b4b4;
  --app-color-warning: rgb(238, 221, 0);
  --app-color-warning-light: rgba(238, 221, 0, 0.1);

  --app-link-color: unset; /* var(--app-color-main-dark); */

  --app-main-color-bg: #000000;
  --app-main-color: #FFFFFF;

  --app-menu-color-bg: #172027;
  --app-menu-color-bg-active: var(--app-color-main-dark);
  --app-menu-color: var(--app-color-main-medium);
  --app-menu-color-active: red;

  /* --app-button-color: white; */
  /* --app-button-color-bg: var(--app-color-main-dark); */

  /* --app-control-element-font-size: 1rem; */
  /* --app-control-element-height: 3em; */
  /* --app-control-element-border-radius: .28571429rem; */
  /* --app-control-element-padding: .78571429em 1.5em .78571429em; */

  /* --app-element-shadow: 0px 2px 16px 2px rgba(0, 0, 0, .08); */
  --app-element-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
  --app-text-shadow: 0 2px 3px rgba(0,0,0,.10);

  --app-navbar-height: 80px; /* 4em; */ /* 80px; */
  --app-navbar-height-min: 2.3em; /* 80px; */
  --app-navbar-margin: .92857143em;

  --app-footer-height: 4em; /* 80px; */

  --app-margin-1em: 1em;
  --app-margin-2em: 2em;
  --app-margin-3em: 3em;
  --app-margin-4em: 4em;
}