:root {
  --app-background-color: #FFFFFF;
  --app-color: #2c3e50;
  --app-color-light: #808b96;
  --app-a-color: #40578a;
  --app-shadow-color: lightgrey;
  --app-loading-color:  #f3f3f3;
  --app-loading-top-color: var(--app-color);

  --button-hover-color: #FFFFFF;
  --button-cancel-bg-color: #FFFFFF;
  --button-cancel-color: var(--app-color);
  --button-confirm-bg-color: #FFFFFF;
  --button-confirm-color: var(--app-color);
  --button-danger-bg-color: #FFFFFF;
  --button-danger-color: #dc3545;
  --button-danger-hover-bg-color: #dc3545;
  --button-danger-hover-color: #FFFFFF;

  --card-border-color: #c4c7cf;
  --input-border-color: #9da3af;
  --input-bg-color: #FFFFFF;
  --input-error-color: #dc3545;
  --dropdown-hover-color: #eff0f5;

  --custom-checkbox-border-color: #9da3af;
  --custom-checkbox-checked-bg-color: #9da3af;
  --custom-checkbox-checked-color: #FFFFFF;

  --calendar-border-color: #c4c7cf;
  --calendar-week-end-color: #f5f5f5;
  --calendar-today-color: #eff1f3;

  --modal-background-color: rgba(0, 0, 0, 0.3);

  --nav-bar-background-color: #FFFFFF;
  --nav-bar-link-active: #485b6e;
  --nav-border-color: #c5ccdb;

  --mobile-menu-selected-color: #FFFFFF;
  --mobile-menu-selected-bgcolor: #9da3af;

  --footer-background-color: #FFFFFF;
  --footer-border-color: #ebeef3;
  --footer-color: #8b8c8c;

  --alert-background-color: #d6dde3;
  --alert-color: #3f3f3f;
  --info-background-color: #e5e7ea;
  --info-color: var(--app-color);
  --error-background-color: #ffd2d2;
  --error-color: #db1924;
  --success-background-color: #d9ecd9;
  --success-color: #306430;

  --disabled-background-color: #e0e0e0;
  --disabled-color: #a3a3a3;
  --disabled-sport-color: #616161;

  --scroll-button-bg-color: rgba(255, 255, 255, .7);

  --workout-trophy-color: #daa520;
  --workout-img-color: invert(22%) sepia(25%) saturate(646%) hue-rotate(169deg)
        brightness(97%) contrast(96%);
  --workout-no-map-bg-color: #eaeaea;
  --workout-no-map-color: #666666;

  --cell-heading-bg-color: #eeeeee;
  --cell-heading-color: #696969;

  --svg-filter: drop-shadow(10px 10px 10px var(--app-shadow-color));

  --password-bg-color: #d7dadf;
  --password-color-weak: #e46d6e;
  --password-color-medium: #f8bc4a;
  --password-color-good: #acc578;
  --password-color-strong: #57c255;

}