:root {
  --primary-color: #42a5f5;
  --primary-secondary-color: #dbeefd;
  --surface-color: #1f95c0;

  --auth-text-color: #fff;
  --auth-default-text-color: #fff;

  --auth-button-bg-color: #eceff1;
  --auth-button-text-color: #42a5f5;
  --auth-button-shadow-color: #bdcad0;
  --auth-button-active-color: #e8f5fd;
  --auth-link-color: #fff;

  --feedback-button-bg-color: #42a5f5;
  --feedback-button-text-color: #fff;
  --feedback-button-active-color: #1f95c0;

  --agreement-button-bg-color: #eceff1;
  --agreement-button-text-color: #42a5f5;
  --agreement-button-shadow-color: #bdcad0;
  --agreement-button-active-color: #e8f5fd;

  --session-button-bg-color: #eceff1;
  --session-button-text-color: #42a5f5;
  --session-button-shadow-color: #bdcad0;
  --session-button-active-color: #e8f5fd;

  --list-item-shadow-color: rgba(40, 177, 227, 0.31);
  --service-shadow-color: rgba(40, 177, 227, 0.31);
  --patient-sidebar-shadow-color: rgba(40, 177, 227, 0.31);

  --avatar-edit-color: #1565c0;

  --slot-color: #bbdefb;

  --unread-notifications: #bbdefb;

  /*Base button*/
  --base-button-bg-color: #42a5f5;
  --base-button-text-color: #fff;
  --base-button-hover-color: #42a5f5;
  --base-button-active-color: #1565c0;
  --base-button-disabled-bg-color: #a1d2fa;
  --base-button-disabled-text-color: #eceff1;

  /*Base inverted button*/
  /*todo*/
  --base-button-inverted-bg-color: #eceff1;
  --base-button-inverted-text-color: #42a5f5;
  --base-button-inverted-hover-color: #bdcad0;
  --base-button-inverted-active-color: #e8f5fd;
  --base-button-inverted-disabled-bg-color: #eceff1;
  --base-button-inverted-disabled-text-color: #eceff1;

  /*Base outline button*/
  --outline-button-border-color: #42a5f5;
  --outline-button-bg-color: #fff;
  --outline-button-text-color: #42a5f5;
  --outline-button-hover-color: #bdcad0;
  --outline-button-active-color: #1565c0;
  --outline-button-disabled-bg-color: #eceff1;
  --outline-button-disabled-text-color: #a1d2fa;
}